Nerdulator> put something in

Recognised as Colour

#337C81

  • #337C81
  • Cyan
  • Dark
  • Nearest: Teal

#337C81 is a cyan with RGB values 51, 124, 129 and HSL 184°, 43%, 35%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#337C81#337C81
HEX#337C81
RGBrgb(51, 124, 129)
RGB (0–1)0.2, 0.4863, 0.5059
RGB percentages20%, 48.6%, 50.6%
HSLhsl(183.8, 43.3%, 35.3%)
HSV / HSBhsv(183.8, 60.5%, 50.6%)
CMYK60.5%, 3.9%, 0%, 49.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,374,209
CSS custom property--colour: #337C81;

Brightness & contrast

Relative luminance0.16704WCAG 2.x, 0 is black and 1 is white
Perceived brightness108.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.84:1
Contrast with white4.84:1WCAG normal text: AA
Contrast with black4.34:1WCAG normal text: Fail
Greyscale equivalent#6D6D6D
Inverted#CC837E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#737781no red cones; affects about 1% of men; ΔE 21.9 from the original
Deuteranopia#676E81no green cones; the most common form, about 1% of men; ΔE 22.7 from the original
Tritanopia#00807Dno blue cones; rare, and affects men and women equally; ΔE 9.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.84:1WCAG large text: AAA
Contrast with black, large text4.34:1WCAG large text: AA

Named colours

Teal · ΔE 8.1Dark cyan · ΔE 10.7Cadetblue · ΔE 13.5Slate grey · ΔE 19.4Dark slate grey · ΔE 19.8Light slate grey · ΔE 20.3
Nearest named CSS colourTeal (#008080)ΔE 8.06, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#813833
Analogous#33815F, #335581
Triadic#81337C, #7C8133
Split complementary#813355, #815F33
Tetradic#5F3381, #813833, #558133

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A5D8DB
Lighter +30%#80C8CD
Lighter +20%#5CB8BE
Lighter +10%#419FA6
Darker −10%#25595C
Darker −20%#163638
Darker −30%#081313
Darker −40%#000000
More saturated +25%#1C9098
Less saturated −25%#4A686A

Channel breakdown

R51
G124
B129
Red51 (20%)
Green124 (48.6%)
Blue129 (50.6%)
Hue183.85°
Saturation (HSL)43.33%
Lightness35.29%
Dominant channelBlue
Hex per channelR 33 · G 7C · B 81

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