Recognised as Colour
#04BCD9
- #04BCD9
- Cyan
- Dark
- Nearest: Dark turquoise
#04BCD9 is a cyan with RGB values 4, 188, 217 and HSL 188°, 96%, 43%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.
Colour values
#04BCD9#04BCD9
HEX#04BCD9
RGBrgb(4, 188, 217)
RGB (0–1)0.0157, 0.7373, 0.851
RGB percentages1.6%, 73.7%, 85.1%
HSLhsl(188.2, 96.4%, 43.3%)
HSV / HSBhsv(188.2, 98.2%, 85.1%)
CMYK98.2%, 13.4%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer310,489
CSS custom property--colour: #04BCD9;
Brightness & contrast
Relative luminance0.41002WCAG 2.x, 0 is black and 1 is white
Perceived brightness161.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.2:1
Contrast with white2.28:1WCAG normal text: Fail
Contrast with black9.2:1WCAG normal text: AAA
Greyscale equivalent#979797
Inverted#FB4326
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.28:1WCAG large text: Fail
Contrast with black, large text9.2:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D92104
Analogous#04D98B, #0452D9
Triadic#D904BC, #BCD904
Split complementary#D90452, #D98B04
Tetradic#8B04D9, #D92104, #52D904
Tints, shades & saturation
Channel breakdown
R4
G188
B217
Red4 (1.6%)
Green188 (73.7%)
Blue217 (85.1%)
Hue188.17°
Saturation (HSL)96.38%
Lightness43.33%
Dominant channelBlue
Hex per channelR 04 · G BC · B D9
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page