Recognised as Colour

#31ABB8

#31ABB8
Cyan
Dark
Nearest: Cadetblue

#31ABB8 is a cyan with RGB values 49, 171, 184 and HSL 186°, 58%, 46%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#31ABB8#31ABB8

HEX#31ABB8

RGBrgb(49, 171, 184)

RGB (0–1)0.1922, 0.6706, 0.7216

RGB percentages19.2%, 67.1%, 72.2%

HSLhsl(185.8, 57.9%, 45.7%)

HSV / HSBhsv(185.8, 73.4%, 72.2%)

CMYK73.4%, 7.1%, 0%, 27.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,255,224

CSS custom property--colour: #31ABB8;

Brightness & contrast

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

Perceived brightness147.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.65:1

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

Contrast with black7.65:1WCAG normal text: AAA

Greyscale equivalent#929292

Inverted#CE5447

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9DA4B9no red cones; affects about 1% of men; ΔE 30.6 from the original

Deuteranopia#8A96B8no green cones; the most common form, about 1% of men; ΔE 31.8 from the original

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

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

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

Contrast with black, large text7.65:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.7 Light seagreen · ΔE 13.7 Dark cyan · ΔE 14.3 Dark turquoise · ΔE 16.3 Medium turquoise · ΔE 17.4 Teal · ΔE 17.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.69, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B83E31

Analogous#31B882, #3167B8

Triadic#B831AB, #ABB831

Split complementary#B83167, #B88231

Tetradic#8231B8, #B83E31, #67B831

Tints, shades & saturation

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

Lighter +40%#C5ECF0

Lighter +30%#9DDEE5

Lighter +20%#75D0DA

Lighter +10%#4DC3CF

Darker −10%#268690

Darker −20%#1C6067

Darker −30%#113B3F

Darker −40%#061517

More saturated +25%#14C3D5

Less saturated −25%#4E939B

Channel breakdown

R49

G171

B184

Red49 (19.2%)

Green171 (67.1%)

Blue184 (72.2%)

Hue185.78°

Saturation (HSL)57.94%

Lightness45.69%

Dominant channelBlue

Hex per channelR 31 · G AB · B B8

Keep nerding

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

#31ABB8

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