Nerdulator> put something in

Recognised as Colour

#20869E

  • #20869E
  • Cyan
  • Dark
  • Nearest: Teal

#20869E is a cyan with RGB values 32, 134, 158 and HSL 191°, 66%, 37%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#20869E#20869E
HEX#20869E
RGBrgb(32, 134, 158)
RGB (0–1)0.1255, 0.5255, 0.6196
RGB percentages12.5%, 52.5%, 62%
HSLhsl(191.4, 66.3%, 37.3%)
HSV / HSBhsv(191.4, 79.7%, 62%)
CMYK79.7%, 15.2%, 0%, 38%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,131,614
CSS custom property--colour: #20869E;

Brightness & contrast

Relative luminance0.19826WCAG 2.x, 0 is black and 1 is white
Perceived brightness117 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.97:1
Contrast with white4.23:1WCAG normal text: Fail
Contrast with black4.97:1WCAG normal text: AA
Greyscale equivalent#727272
Inverted#DF7961

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#77829Fno red cones; affects about 1% of men; ΔE 22.8 from the original
Deuteranopia#66769Eno green cones; the most common form, about 1% of men; ΔE 24 from the original
Tritanopia#008E8Eno blue cones; rare, and affects men and women equally; ΔE 16.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.23:1WCAG large text: AA
Contrast with black, large text4.97:1WCAG large text: AAA

Named colours

Teal · ΔE 15.8Dark cyan · ΔE 16.2Cadetblue · ΔE 16.5Steel blue · ΔE 19.2Slate grey · ΔE 20.3Light slate grey · ΔE 20.4
Nearest named CSS colourTeal (#008080)ΔE 15.81, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#9E3820
Analogous#209E77, #20479E
Triadic#9E2086, #869E20
Split complementary#9E2047, #9E7720
Tetradic#77209E, #9E3820, #479E20

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9FDDEB
Lighter +30%#74CEE3
Lighter +20%#4ABFDA
Lighter +10%#29AAC8
Darker −10%#176274
Darker −20%#0F3E49
Darker −30%#061A1F
Darker −40%#000000
More saturated +25%#0895B6
Less saturated −25%#387786

Channel breakdown

R32
G134
B158
Red32 (12.5%)
Green134 (52.5%)
Blue158 (62%)
Hue191.43°
Saturation (HSL)66.32%
Lightness37.25%
Dominant channelBlue
Hex per channelR 20 · G 86 · B 9E

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