Recognised as Colour
#217C8A
- #217C8A
- Cyan
- Dark
- Nearest: Teal
#217C8A is a cyan with RGB values 33, 124, 138 and HSL 188°, 61%, 34%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Teal.
Colour values
#217C8A#217C8A
HEX#217C8A
RGBrgb(33, 124, 138)
RGB (0–1)0.1294, 0.4863, 0.5412
RGB percentages12.9%, 48.6%, 54.1%
HSLhsl(188, 61.4%, 33.5%)
HSV / HSBhsv(188, 76.1%, 54.1%)
CMYK76.1%, 10.1%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,194,570
CSS custom property--colour: #217C8A;
Brightness & contrast
Relative luminance0.16574WCAG 2.x, 0 is black and 1 is white
Perceived brightness107.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.87:1
Contrast with white4.87:1WCAG normal text: AA
Contrast with black4.31:1WCAG normal text: Fail
Greyscale equivalent#6A6A6A
Inverted#DE8375
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.87:1WCAG large text: AAA
Contrast with black, large text4.31:1WCAG large text: AA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8A2F21
Analogous#218A63, #21478A
Triadic#8A217C, #7C8A21
Split complementary#8A2147, #8A6321
Tetradic#64218A, #8A2F21, #478A21
Tints, shades & saturation
Channel breakdown
R33
G124
B138
Red33 (12.9%)
Green124 (48.6%)
Blue138 (54.1%)
Hue188°
Saturation (HSL)61.4%
Lightness33.53%
Dominant channelBlue
Hex per channelR 21 · G 7C · B 8A
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