Nerdulator> put something in

Recognised as Colour

#02CCD1

  • #02CCD1
  • Cyan
  • Dark
  • Nearest: Dark turquoise

#02CCD1 is a cyan with RGB values 2, 204, 209 and HSL 181°, 98%, 41%. It is a dark colour, so black text on it reaches 10.6:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#02CCD1#02CCD1
HEX#02CCD1
RGBrgb(2, 204, 209)
RGB (0–1)0.0078, 0.8, 0.8196
RGB percentages0.8%, 80%, 82%
HSLhsl(181.4, 98.1%, 41.4%)
HSV / HSBhsv(181.4, 99%, 82%)
CMYK99%, 2.4%, 0%, 18%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer183,505
CSS custom property--colour: #02CCD1;

Brightness & contrast

Relative luminance0.47802WCAG 2.x, 0 is black and 1 is white
Perceived brightness171.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.56:1
Contrast with white1.99:1WCAG normal text: Fail
Contrast with black10.56:1WCAG normal text: AAA
Greyscale equivalent#A1A1A1
Inverted#FD332E

Colour vision & accessibility

Protanopia#BCC2D2no red cones; affects about 1% of men; ΔE 40.7 from the original
Deuteranopia#A5B0D2no green cones; the most common form, about 1% of men; ΔE 42.8 from the original
Tritanopia#00D4CDno blue cones; rare, and affects men and women equally; ΔE 7.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.99:1WCAG large text: Fail
Contrast with black, large text10.56:1WCAG large text: AAA

Named colours

Nearest named CSS colourDark turquoise (#00CED1)ΔE 1.44, below the just-noticeable difference
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#D10702
Analogous#02D16F, #0264D1
Triadic#D102CC, #CCD102
Split complementary#D10264, #D16F02
Tetradic#6F02D1, #D10702, #64D102

Tints, shades & saturation

Lighter +40%#A1FCFE
Lighter +30%#6EFAFE
Lighter +20%#3CF8FD
Lighter +10%#09F7FD
Darker −10%#029B9E
Darker −20%#01696C
Darker −30%#013839
Darker −40%#000707
More saturated +25%#00CED3
Less saturated −25%#1CB3B7

Channel breakdown

R2
G204
B209
Red2 (0.8%)
Green204 (80%)
Blue209 (82%)
Hue181.45°
Saturation (HSL)98.1%
Lightness41.37%
Dominant channelBlue
Hex per channelR 02 · G CC · B D1

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 “02ccd1” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.