Nerdulator> put something in

Recognised as Colour

#20B8A2

  • #20B8A2
  • Cyan
  • Dark
  • Nearest: Light seagreen

#20B8A2 is a cyan with RGB values 32, 184, 162 and HSL 171°, 70%, 42%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#20B8A2#20B8A2
HEX#20B8A2
RGBrgb(32, 184, 162)
RGB (0–1)0.1255, 0.7216, 0.6353
RGB percentages12.5%, 72.2%, 63.5%
HSLhsl(171.3, 70.4%, 42.4%)
HSV / HSBhsv(171.3, 82.6%, 72.2%)
CMYK82.6%, 0%, 12%, 27.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,144,418
CSS custom property--colour: #20B8A2;

Brightness & contrast

Relative luminance0.37197WCAG 2.x, 0 is black and 1 is white
Perceived brightness152.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.44:1
Contrast with white2.49:1WCAG normal text: Fail
Contrast with black8.44:1WCAG normal text: AAA
Greyscale equivalent#969696
Inverted#DF475D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#B0ACA1no red cones; affects about 1% of men; ΔE 42.4 from the original
Deuteranopia#9D9EA4no green cones; the most common form, about 1% of men; ΔE 43.5 from the original
Tritanopia#00BBB1no blue cones; rare, and affects men and women equally; ΔE 6.9 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.49:1WCAG large text: Fail
Contrast with black, large text8.44:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 8.6Medium aquamarine · ΔE 12.1Medium turquoise · ΔE 13.9Turquoise · ΔE 14.7Dark turquoise · ΔE 16.2Dark cyan · ΔE 21.5
Nearest named CSS colourLight seagreen (#20B2AA)ΔE 8.58, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B82036
Analogous#20B856, #2082B8
Triadic#A220B8, #B8A220
Split complementary#B82082, #B85620
Tetradic#5620B8, #B82036, #82B820

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B2F2E8
Lighter +30%#87EADC
Lighter +20%#5BE3CF
Lighter +10%#30DBC2
Darker −10%#188D7C
Darker −20%#116155
Darker −30%#09362F
Darker −40%#020A09
More saturated +25%#05D3B5
Less saturated −25%#3B9D8F

Channel breakdown

R32
G184
B162
Red32 (12.5%)
Green184 (72.2%)
Blue162 (63.5%)
Hue171.32°
Saturation (HSL)70.37%
Lightness42.35%
Dominant channelGreen
Hex per channelR 20 · G B8 · B A2

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