Recognised as Colour
#55572E
- #55572E
- Yellow
- Dark
- Nearest: Dark olivegreen
#55572E is a yellow with RGB values 85, 87, 46 and HSL 63°, 31%, 26%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.
Colour values
#55572E#55572E
HEX#55572E
RGBrgb(85, 87, 46)
RGB (0–1)0.3333, 0.3412, 0.1804
RGB percentages33.3%, 34.1%, 18%
HSLhsl(62.9, 30.8%, 26.1%)
HSV / HSBhsv(62.9, 47.1%, 34.1%)
CMYK2.3%, 0%, 47.1%, 65.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,592,878
CSS custom property--colour: #55572E;
Brightness & contrast
Relative luminance0.08945WCAG 2.x, 0 is black and 1 is white
Perceived brightness82.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.53:1
Contrast with white7.53:1WCAG normal text: AAA
Contrast with black2.79:1WCAG normal text: Fail
Greyscale equivalent#545454
Inverted#AAA8D1
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.53:1WCAG large text: AAA
Contrast with black, large text2.79:1WCAG large text: Fail
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#302E57
Analogous#57452E, #41572E
Triadic#2E5557, #572E55
Split complementary#2E4057, #452E57
Tetradic#2E5745, #302E57, #572E40
Tints, shades & saturation
Channel breakdown
R85
G87
B46
Red85 (33.3%)
Green87 (34.1%)
Blue46 (18%)
Hue62.93°
Saturation (HSL)30.83%
Lightness26.08%
Dominant channelGreen
Hex per channelR 55 · G 57 · B 2E
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page