Colour

#04D3C4

#04D3C4
Cyan
Light
Nearest: Turquoise

#04D3C4 is a cyan with RGB values 4, 211, 196 and HSL 176°, 96%, 42%. It is a light colour, so black text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#04D3C4#04D3C4

HEX#04D3C4

RGBrgb(4, 211, 196)

RGB (0–1)0.0157, 0.8275, 0.7686

RGB percentages1.6%, 82.7%, 76.9%

HSLhsl(175.7, 96.3%, 42.2%)

HSV / HSBhsv(175.7, 98.1%, 82.7%)

CMYK98.1%, 0%, 7.1%, 17.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer316,356

CSS custom property--colour: #04D3C4;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.12:1

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

Contrast with black11.12:1WCAG normal text: AAA

Greyscale equivalent#A6A6A6

Inverted#FB2C3B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text11.12:1WCAG large text: AAA

Named colours

Turquoise · ΔE 5.2 Medium turquoise · ΔE 9.3 Dark turquoise · ΔE 10.6 Light seagreen · ΔE 13.7 Medium aquamarine · ΔE 15.2 Aqua · ΔE 17.5

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D30413

Analogous#04D35D, #047AD3

Triadic#C404D3, #D3C404

Split complementary#D3047A, #D35D04

Tetradic#5D04D3, #D30413, #7AD304

Tints, shades & saturation

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

Lighter +40%#A6FDF7

Lighter +30%#74FCF2

Lighter +20%#42FBEE

Lighter +10%#10FAE9

Darker −10%#03A196

Darker −20%#026F67

Darker −30%#013D39

Darker −40%#000B0A

More saturated +25%#00D7C7

Less saturated −25%#1FB8AD

Channel breakdown

G211

B196

Red4 (1.6%)

Green211 (82.7%)

Blue196 (76.9%)

Hue175.65°

Saturation (HSL)96.28%

Lightness42.16%

Dominant channelGreen

Hex per channelR 04 · G D3 · B C4

Keep nerding

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

#04D3C4

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