Recognised as Colour

#31DFE3

#31DFE3
Cyan
Light
Nearest: Dark turquoise

#31DFE3 is a cyan with RGB values 49, 223, 227 and HSL 181°, 76%, 54%. 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

#31DFE3#31DFE3

HEX#31DFE3

RGBrgb(49, 223, 227)

RGB (0–1)0.1922, 0.8745, 0.8902

RGB percentages19.2%, 87.5%, 89%

HSLhsl(181.3, 76.1%, 54.1%)

HSV / HSBhsv(181.3, 78.4%, 89%)

CMYK78.4%, 1.8%, 0%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,268,579

CSS custom property--colour: #31DFE3;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.79:1

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

Contrast with black12.79:1WCAG normal text: AAA

Greyscale equivalent#BABABA

Inverted#CE201C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00E7E0no blue cones; rare, and affects men and women equally; ΔE 8.3 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.79:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 6 Medium turquoise · ΔE 7.7 Turquoise · ΔE 10.9 Aqua · ΔE 12.8 Cyan · ΔE 12.8 Light seagreen · ΔE 17.5

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E33531

Analogous#31E38E, #3186E3

Triadic#E331DF, #DFE331

Split complementary#E33186, #E38E31

Tetradic#8E31E3, #E33531, #86E331

Tints, shades & saturation

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

Lighter +40%#E5FBFB

Lighter +30%#B8F4F5

Lighter +20%#8BEDEF

Lighter +10%#5EE6E9

Darker −10%#1BC2C6

Darker −20%#159699

Darker −30%#0F6A6C

Darker −40%#093E3F

More saturated +25%#15FAFF

Less saturated −25%#4EC3C6

Channel breakdown

R49

G223

B227

Red49 (19.2%)

Green223 (87.5%)

Blue227 (89%)

Hue181.35°

Saturation (HSL)76.07%

Lightness54.12%

Dominant channelBlue

Hex per channelR 31 · G DF · B E3

Keep nerding

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

#31DFE3

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