Colour
#284F45
- #284F45
- Cyan
- Dark
- Nearest: Dark slate grey
#284F45 is a cyan with RGB values 40, 79, 69 and HSL 165°, 33%, 23%. It is a dark colour, so white text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.
Colour values
#284F45#284F45
HEX#284F45
RGBrgb(40, 79, 69)
RGB (0–1)0.1569, 0.3098, 0.2706
RGB percentages15.7%, 31%, 27.1%
HSLhsl(164.6, 32.8%, 23.3%)
HSV / HSBhsv(164.6, 49.4%, 31%)
CMYK49.4%, 0%, 12.7%, 69%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,641,733
CSS custom property--colour: #284F45;
Brightness & contrast
Relative luminance0.06473WCAG 2.x, 0 is black and 1 is white
Perceived brightness68.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.15:1
Contrast with white9.15:1WCAG normal text: AAA
Contrast with black2.29:1WCAG normal text: Fail
Greyscale equivalent#464646
Inverted#D7B0BA
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.15:1WCAG large text: AAA
Contrast with black, large text2.29:1WCAG large text: Fail
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#4F2832
Analogous#284F32, #28454F
Triadic#45284F, #4F4528
Split complementary#4F2845, #4F3228
Tetradic#31284F, #4F2832, #454F28
Tints, shades & saturation
Channel breakdown
R40
G79
B69
Red40 (15.7%)
Green79 (31%)
Blue69 (27.1%)
Hue164.62°
Saturation (HSL)32.77%
Lightness23.33%
Dominant channelGreen
Hex per channelR 28 · G 4F · B 45
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