#556123 Color

#556123 is rgb(85, 97, 35) in RGB and hsl(72, 47%, 26%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#556123

HEX#556123

RGBrgb(85, 97, 35)

HSLhsl(72, 47%, 26%)

HSVhsv(72, 64%, 38%)

OKLCHoklch(46.8% 0.087 119.1)

CMYKcmyk(12%, 0%, 64%, 62%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #556123 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.73:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.12:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #556123 based on color wheel relationships. Click any swatch for its full breakdown.

Base#556123 Complementary#302361 Analogous#614F23 Analogous#366123 Triadic#235561 Triadic#612355

Tints & Shades

Lighter tints and darker shades of #556123, useful for hover states, backgrounds, and text variants.

Tints

#768731 #9AB040 #B0C55E #C3D283 #D5E0A9 #E9EFD2

Shades

#4B561F #414B1B #384017 #2A3112 #21250E #171A09

Use #556123 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex