#506119 Color

#506119 is rgb(80, 97, 25) in RGB and hsl(74, 59%, 24%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#506119

HEX#506119

RGBrgb(80, 97, 25)

HSLhsl(74, 59%, 24%)

HSVhsv(74, 74%, 38%)

OKLCHoklch(46.3% 0.098 121.9)

CMYKcmyk(18%, 0%, 74%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#506119 Complementary#2A1961 Analogous#614E19 Analogous#2C6119 Triadic#195061 Triadic#611950

Tints & Shades

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

Tints

#758E25 #97B62F #B2D14D #C4DB75 #D7E7A2 #E8F1CA

Shades

#465516 #3C4913 #323D10 #2C350E #22290A #171C07

Use #506119 in Our Tools

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