Lightness variants
| Lightness |
HEX |
RGB |
Swatch |
| 10% |
#002D33 |
rgb(0,45,51) |
|
| 20% |
#005A66 |
rgb(0,90,102) |
|
| 30% |
#008799 |
rgb(0,135,153) |
|
| 40% ◀ |
#00B4CC |
rgb(0,180,204) |
|
| 50% |
#00E1FF |
rgb(0,225,255) |
|
| 60% |
#33E7FF |
rgb(51,231,255) |
|
| 70% |
#66EDFF |
rgb(102,237,255) |
|
| 80% |
#99F3FF |
rgb(153,243,255) |
|
| 90% |
#CCF9FF |
rgb(204,249,255) |
|
Frequently Asked Questions
What is the RGB value of #00BCD4?+
#00BCD4 in RGB is rgb(0, 188, 212).
What is #00BCD4 in HSL?+
#00BCD4 in HSL is hsl(187°, 100%, 42%).
How do I use #00BCD4 in CSS?+
Use color: #00bcd4; or color: rgb(0,188,212); or color: hsl(187,100%,42%);
What kind of color is #00BCD4?+
#00BCD4 has R=0, G=188, B=212. Hue: 187°, Saturation: 100%, Lightness: 42%. It is a mid-lightness colour.