Recognised as Colour
#286A5B
- #286A5B
- Cyan
- Dark
- Nearest: Teal
#286A5B is a cyan with RGB values 40, 106, 91 and HSL 166°, 45%, 29%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Teal.
Colour values
#286A5B#286A5B
HEX#286A5B
RGBrgb(40, 106, 91)
RGB (0–1)0.1569, 0.4157, 0.3569
RGB percentages15.7%, 41.6%, 35.7%
HSLhsl(166.4, 45.2%, 28.6%)
HSV / HSBhsv(166.4, 62.3%, 41.6%)
CMYK62.3%, 0%, 14.2%, 58.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,648,667
CSS custom property--colour: #286A5B;
Brightness & contrast
Relative luminance0.11515WCAG 2.x, 0 is black and 1 is white
Perceived brightness89.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.36:1
Contrast with white6.36:1WCAG normal text: AA
Contrast with black3.3:1WCAG normal text: Fail
Greyscale equivalent#5B5B5B
Inverted#D795A4
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text6.36:1WCAG large text: AAA
Contrast with black, large text3.3:1WCAG large text: AA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6A2837
Analogous#286A3A, #28586A
Triadic#5B286A, #6A5B28
Split complementary#6A2858, #6A3A28
Tetradic#3A286A, #6A2837, #586A28
Tints, shades & saturation
Channel breakdown
R40
G106
B91
Red40 (15.7%)
Green106 (41.6%)
Blue91 (35.7%)
Hue166.36°
Saturation (HSL)45.21%
Lightness28.63%
Dominant channelGreen
Hex per channelR 28 · G 6A · B 5B
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