Nerdulator> put something in

Recognised as Colour

#04DEF6

  • #04DEF6
  • Cyan
  • Light
  • Nearest: Dark turquoise

#04DEF6 is a cyan with RGB values 4, 222, 246 and HSL 186°, 97%, 49%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#04DEF6#04DEF6
HEX#04DEF6
RGBrgb(4, 222, 246)
RGB (0–1)0.0157, 0.8706, 0.9647
RGB percentages1.6%, 87.1%, 96.5%
HSLhsl(186, 96.8%, 49%)
HSV / HSBhsv(186, 98.4%, 96.5%)
CMYK98.4%, 9.8%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer319,222
CSS custom property--colour: #04DEF6;

Brightness & contrast

Relative luminance0.58922WCAG 2.x, 0 is black and 1 is white
Perceived brightness189.3 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.78:1
Contrast with white1.64:1WCAG normal text: Fail
Contrast with black12.78:1WCAG normal text: AAA
Greyscale equivalent#B1B1B1
Inverted#FB2109

Colour vision & accessibility

Protanopia#C8D5F7no red cones; affects about 1% of men; ΔE 39.2 from the original
Deuteranopia#ADC1F6no green cones; the most common form, about 1% of men; ΔE 41.3 from the original
Tritanopia#00E9E5no blue cones; rare, and affects men and women equally; ΔE 16.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.64:1WCAG large text: Fail
Contrast with black, large text12.78:1WCAG large text: AAA

Named colours

Nearest named CSS colourDark turquoise (#00CED1)ΔE 13, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#F61C04
Analogous#04F695, #0465F6
Triadic#F604DE, #DEF604
Split complementary#F60465, #F69504
Tetradic#9504F6, #F61C04, #65F604

Tints, shades & saturation

Lighter +40%#C8F9FE
Lighter +30%#96F3FD
Lighter +20%#64EDFC
Lighter +10%#31E8FC
Darker −10%#03B1C4
Darker −20%#028392
Darker −30%#02565F
Darker −40%#01292D
More saturated +25%#00E1FA
Less saturated −25%#23C5D7

Channel breakdown

R4
G222
B246
Red4 (1.6%)
Green222 (87.1%)
Blue246 (96.5%)
Hue185.95°
Saturation (HSL)96.8%
Lightness49.02%
Dominant channelBlue
Hex per channelR 04 · G DE · B F6

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “04def6” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.