Colour

#02CAD9

#02CAD9
Cyan
Dark
Nearest: Dark turquoise

#02CAD9 is a cyan with RGB values 2, 202, 217 and HSL 184°, 98%, 43%. It is a dark colour, so black text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#02CAD9#02CAD9

HEX#02CAD9

RGBrgb(2, 202, 217)

RGB (0–1)0.0078, 0.7922, 0.851

RGB percentages0.8%, 79.2%, 85.1%

HSLhsl(184.2, 98.2%, 42.9%)

HSV / HSBhsv(184.2, 99.1%, 85.1%)

CMYK99.1%, 6.9%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer183,001

CSS custom property--colour: #02CAD9;

Brightness & contrast

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

Perceived brightness171.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.45:1

Contrast with white2.01:1WCAG normal text: Fail

Contrast with black10.45:1WCAG normal text: AAA

Greyscale equivalent#A1A1A1

Inverted#FD3526

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

Contrast with white, large text2.01:1WCAG large text: Fail

Contrast with black, large text10.45:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 7.3 Medium turquoise · ΔE 11.3 Light seagreen · ΔE 15.6 Turquoise · ΔE 18.7 Aqua · ΔE 21.5 Cyan · ΔE 21.5

Nearest named CSS colourDark turquoise (#00CED1)ΔE 7.25, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D91102

Analogous#02D97C, #025FD9

Triadic#D902CA, #CAD902

Split complementary#D9025F, #D97D02

Tetradic#7C02D9, #D91102, #5ED902

Tints, shades & saturation

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

Lighter +40%#A9F8FE

Lighter +30%#76F4FE

Lighter +20%#44F0FD

Lighter +10%#11ECFD

Darker −10%#029BA6

Darker −20%#016C74

Darker −30%#013D41

Darker −40%#000E0F

More saturated +25%#00CCDB

Less saturated −25%#1DB2BE

Channel breakdown

G202

B217

Red2 (0.8%)

Green202 (79.2%)

Blue217 (85.1%)

Hue184.19°

Saturation (HSL)98.17%

Lightness42.94%

Dominant channelBlue

Hex per channelR 02 · G CA · B D9

Keep nerding

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

#02CAD9

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