Colour
#89A396
- #89A396
- Cyan
- Dark
- Nearest: Dark grey
#89A396 is a cyan with RGB values 137, 163, 150 and HSL 150°, 12%, 59%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Dark grey.
Colour values
#89A396#89A396
HEX#89A396
RGBrgb(137, 163, 150)
RGB (0–1)0.5373, 0.6392, 0.5882
RGB percentages53.7%, 63.9%, 58.8%
HSLhsl(150, 12.4%, 58.8%)
HSV / HSBhsv(150, 16%, 63.9%)
CMYK16%, 0%, 8%, 36.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,020,310
CSS custom property--colour: #89A396;
Brightness & contrast
Relative luminance0.33715WCAG 2.x, 0 is black and 1 is white
Perceived brightness154.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.74:1
Contrast with white2.71:1WCAG normal text: Fail
Contrast with black7.74:1WCAG normal text: AAA
Greyscale equivalent#9D9D9D
Inverted#765C69
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.71:1WCAG large text: Fail
Contrast with black, large text7.74:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A38996
Analogous#89A389, #89A3A3
Triadic#9689A3, #A39689
Split complementary#A389A3, #A38989
Tetradic#8989A3, #A38996, #A3A389
Tints, shades & saturation
Channel breakdown
R137
G163
B150
Red137 (53.7%)
Green163 (63.9%)
Blue150 (58.8%)
Hue150°
Saturation (HSL)12.38%
Lightness58.82%
Dominant channelGreen
Hex per channelR 89 · G A3 · B 96
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