Colour
#31877F
- #31877F
- Cyan
- Dark
- Nearest: Teal
#31877F is a cyan with RGB values 49, 135, 127 and HSL 174°, 47%, 36%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Teal.
Colour values
#31877F#31877F
HEX#31877F
RGBrgb(49, 135, 127)
RGB (0–1)0.1922, 0.5294, 0.498
RGB percentages19.2%, 52.9%, 49.8%
HSLhsl(174.4, 46.7%, 36.1%)
HSV / HSBhsv(174.4, 63.7%, 52.9%)
CMYK63.7%, 0%, 5.9%, 47.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,245,951
CSS custom property--colour: #31877F;
Brightness & contrast
Relative luminance0.19513WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.9:1
Contrast with white4.28:1WCAG normal text: Fail
Contrast with black4.9:1WCAG normal text: AA
Greyscale equivalent#747474
Inverted#CE7880
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.28:1WCAG large text: AA
Contrast with black, large text4.9:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#873139
Analogous#318754, #316487
Triadic#7F3187, #877F31
Split complementary#873164, #875431
Tetradic#543187, #873139, #648731
Tints, shades & saturation
Channel breakdown
R49
G135
B127
Red49 (19.2%)
Green135 (52.9%)
Blue127 (49.8%)
Hue174.42°
Saturation (HSL)46.74%
Lightness36.08%
Dominant channelGreen
Hex per channelR 31 · G 87 · B 7F
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