#486345 Color

#486345 is rgb(72, 99, 69) in RGB and hsl(114, 18%, 33%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#486345

HEX#486345

RGBrgb(72, 99, 69)

HSLhsl(114, 18%, 33%)

HSVhsv(114, 30%, 39%)

OKLCHoklch(46.9% 0.057 142.1)

CMYKcmyk(27%, 0%, 30%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#486345 Complementary#604563 Analogous#576345 Analogous#456351 Triadic#454863 Triadic#634548

Tints & Shades

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

Tints

#5C7E58 #739B6F #8DAD8A #A7C0A5 #C2D3C0 #DFE8DE

Shades

#3F573D #374B34 #2E3F2C #233021 #1A2419 #111811

Use #486345 in Our Tools

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