Colour
#566D3D
- #566D3D
- Green
- Dark
- Nearest: Dark olivegreen
#566D3D is a green with RGB values 86, 109, 61 and HSL 89°, 28%, 33%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.
Colour values
#566D3D#566D3D
HEX#566D3D
RGBrgb(86, 109, 61)
RGB (0–1)0.3373, 0.4275, 0.2392
RGB percentages33.7%, 42.7%, 23.9%
HSLhsl(88.7, 28.2%, 33.3%)
HSV / HSBhsv(88.7, 44%, 42.7%)
CMYK21.1%, 0%, 44%, 57.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,664,061
CSS custom property--colour: #566D3D;
Brightness & contrast
Relative luminance0.13253WCAG 2.x, 0 is black and 1 is white
Perceived brightness98 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.75:1
Contrast with white5.75:1WCAG normal text: AA
Contrast with black3.65:1WCAG normal text: Fail
Greyscale equivalent#656565
Inverted#A992C2
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.75:1WCAG large text: AAA
Contrast with black, large text3.65:1WCAG large text: AA
Named colours
Hue familygreen
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#543D6D
Analogous#6D6C3D, #3E6D3D
Triadic#3D566D, #6D3D56
Split complementary#3D3E6D, #6C3D6D
Tetradic#3D6D6C, #543D6D, #6D3D3E
Tints, shades & saturation
Channel breakdown
R86
G109
B61
Red86 (33.7%)
Green109 (42.7%)
Blue61 (23.9%)
Hue88.75°
Saturation (HSL)28.24%
Lightness33.33%
Dominant channelGreen
Hex per channelR 56 · G 6D · B 3D
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