Recognised as Colour

#31E2D2

#31E2D2
Cyan
Light
Nearest: Turquoise

#31E2D2 is a cyan with RGB values 49, 226, 210 and HSL 175°, 75%, 54%. It is a light colour, so black text on it reaches 12.9:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#31E2D2#31E2D2

HEX#31E2D2

RGBrgb(49, 226, 210)

RGB (0–1)0.1922, 0.8863, 0.8235

RGB percentages19.2%, 88.6%, 82.4%

HSLhsl(174.6, 75.3%, 53.9%)

HSV / HSBhsv(174.6, 78.3%, 88.6%)

CMYK78.3%, 0%, 7.1%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,269,330

CSS custom property--colour: #31E2D2;

Brightness & contrast

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

Perceived brightness189 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.94:1

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

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

Greyscale equivalent#BBBBBB

Inverted#CE1D2D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text12.94:1WCAG large text: AAA

Named colours

Turquoise · ΔE 2 Medium turquoise · ΔE 10.6 Dark turquoise · ΔE 12.5 Aqua · ΔE 13.6 Cyan · ΔE 13.6 Medium aquamarine · ΔE 16.1

Nearest named CSS colourTurquoise (#40E0D0)ΔE 2.04, below the just-noticeable difference

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E23141

Analogous#31E279, #319AE2

Triadic#D231E2, #E2D231

Split complementary#E2319A, #E27931

Tetradic#7931E2, #E23141, #9AE231

Tints, shades & saturation

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

Lighter +40%#E4FBF9

Lighter +30%#B7F5EF

Lighter +20%#8AEFE6

Lighter +10%#5EE8DC

Darker −10%#1CC4B5

Darker −20%#15988C

Darker −30%#0F6B63

Darker −40%#093E39

More saturated +25%#14FFEA

Less saturated −25%#4EC5BA

Channel breakdown

R49

G226

B210

Red49 (19.2%)

Green226 (88.6%)

Blue210 (82.4%)

Hue174.58°

Saturation (HSL)75.32%

Lightness53.92%

Dominant channelGreen

Hex per channelR 31 · G E2 · B D2

Keep nerding

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

#31E2D2

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