#546331 Color

#546331 is rgb(84, 99, 49) in RGB and hsl(78, 34%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#546331

HEX#546331

RGBrgb(84, 99, 49)

HSLhsl(78, 34%, 29%)

HSVhsv(78, 51%, 39%)

OKLCHoklch(47.4% 0.075 123)

CMYKcmyk(15%, 0%, 51%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#546331 Complementary#403163 Analogous#635931 Analogous#3B6331 Triadic#315463 Triadic#633154

Tints & Shades

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

Tints

#718542 #8EA752 #A5BA73 #B8C992 #CFDAB4 #E5EBD6

Shades

#48552A #404B25 #343E1E #2B3319 #202613 #171B0D

Use #546331 in Our Tools

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