Nerdulator> put something in

Recognised as Colour

#31B3AC

  • #31B3AC
  • Cyan
  • Dark
  • Nearest: Light seagreen

#31B3AC is a cyan with RGB values 49, 179, 172 and HSL 177°, 57%, 45%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#31B3AC#31B3AC
HEX#31B3AC
RGBrgb(49, 179, 172)
RGB (0–1)0.1922, 0.702, 0.6745
RGB percentages19.2%, 70.2%, 67.5%
HSLhsl(176.8, 57%, 44.7%)
HSV / HSBhsv(176.8, 72.6%, 70.2%)
CMYK72.6%, 0%, 3.9%, 29.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,257,260
CSS custom property--colour: #31B3AC;

Brightness & contrast

Relative luminance0.35872WCAG 2.x, 0 is black and 1 is white
Perceived brightness151.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.17:1
Contrast with white2.57:1WCAG normal text: Fail
Contrast with black8.17:1WCAG normal text: AAA
Greyscale equivalent#979797
Inverted#CE4C53

Colour vision & accessibility

Protanopia#A9A9ACno red cones; affects about 1% of men; ΔE 36.6 from the original
Deuteranopia#969CADno green cones; the most common form, about 1% of men; ΔE 37.2 from the original
Tritanopia#00B8B1no blue cones; rare, and affects men and women equally; ΔE 4.4 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.57:1WCAG large text: Fail
Contrast with black, large text8.17:1WCAG large text: AAA

Named colours

Nearest named CSS colourLight seagreen (#20B2AA)ΔE 2, below the just-noticeable difference
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#B33138
Analogous#31B36B, #3179B3
Triadic#AC31B3, #B3AC31
Split complementary#B33179, #B36B31
Tetradic#6B31B3, #B33138, #79B331

Tints, shades & saturation

Lighter +40%#C2EEEC
Lighter +30%#9AE3DF
Lighter +20%#72D8D3
Lighter +10%#4ACDC6
Darker −10%#268B86
Darker −20%#1B635F
Darker −30%#103B39
Darker −40%#051312
More saturated +25%#14D0C5
Less saturated −25%#4E9693

Channel breakdown

R49
G179
B172
Red49 (19.2%)
Green179 (70.2%)
Blue172 (67.5%)
Hue176.77°
Saturation (HSL)57.02%
Lightness44.71%
Dominant channelGreen
Hex per channelR 31 · G B3 · B AC

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