Recognised as Colour

#04F3DE

#04F3DE
Cyan
Light
Nearest: Turquoise

#04F3DE is a cyan with RGB values 4, 243, 222 and HSL 175°, 97%, 48%. It is a light colour, so black text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#04F3DE#04F3DE

HEX#04F3DE

RGBrgb(4, 243, 222)

RGB (0–1)0.0157, 0.9529, 0.8706

RGB percentages1.6%, 95.3%, 87.1%

HSLhsl(174.7, 96.8%, 48.4%)

HSV / HSBhsv(174.7, 98.4%, 95.3%)

CMYK98.4%, 0%, 8.6%, 4.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer324,574

CSS custom property--colour: #04F3DE;

Brightness & contrast

Relative luminance0.69401WCAG 2.x, 0 is black and 1 is white

Perceived brightness200.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.88:1

Contrast with white1.41:1WCAG normal text: Fail

Contrast with black14.88:1WCAG normal text: AAA

Greyscale equivalent#BFBFBF

Inverted#FB0C21

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#E6E4DDno red cones; affects about 1% of men; ΔE 52.3 from the original

Deuteranopia#CCD1E0no green cones; the most common form, about 1% of men; ΔE 53.6 from the original

Tritanopia#00F8ECno blue cones; rare, and affects men and women equally; ΔE 5.2 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text1.41:1WCAG large text: Fail

Contrast with black, large text14.88:1WCAG large text: AAA

Named colours

Turquoise · ΔE 9.8 Aqua · ΔE 12.2 Cyan · ΔE 12.2 Aquamarine · ΔE 15.7 Medium turquoise · ΔE 18.4 Dark turquoise · ΔE 19.4

Nearest named CSS colourTurquoise (#40E0D0)ΔE 9.76, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#F30419

Analogous#04F366, #0490F3

Triadic#DE04F3, #F3DE04

Split complementary#F30490, #F36704

Tetradic#6704F3, #F30419, #90F304

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#C5FEF9

Lighter +30%#93FDF4

Lighter +20%#61FCEF

Lighter +10%#2EFCEA

Darker −10%#03C1B0

Darker −20%#028F82

Darker −30%#025C54

Darker −40%#012A27

More saturated +25%#00F7E1

Less saturated −25%#23D4C5

Channel breakdown

G243

B222

Red4 (1.6%)

Green243 (95.3%)

Blue222 (87.1%)

Hue174.73°

Saturation (HSL)96.76%

Lightness48.43%

Dominant channelGreen

Hex per channelR 04 · G F3 · B DE

Keep nerding

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

#04F3DE

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else