#485313 Color

#485313 is rgb(72, 83, 19) in RGB and hsl(70, 63%, 20%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#485313

HEX#485313

RGBrgb(72, 83, 19)

HSLhsl(70, 63%, 20%)

HSVhsv(70, 77%, 33%)

OKLCHoklch(41.9% 0.087 118.8)

CMYKcmyk(13%, 0%, 77%, 67%)

Text Contrast & Accessibility

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

TextWhite text8.33:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.52:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#485313 Complementary#1E1353 Analogous#533E13 Analogous#285313 Triadic#134853 Triadic#531348

Tints & Shades

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

Tints

#70811D #98AF28 #B9D33C #CBDE6E #DCE89B #ECF3C9

Shades

#414B11 #363E0E #2F360C #282E0A #212508 #161906

Use #485313 in Our Tools

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