#504611 Color

#504611 is rgb(80, 70, 17) in RGB and hsl(50, 65%, 19%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#504611

HEX#504611

RGBrgb(80, 70, 17)

HSLhsl(50, 65%, 19%)

HSVhsv(50, 79%, 31%)

OKLCHoklch(39.3% 0.071 98.2)

CMYKcmyk(0%, 12%, 79%, 69%)

Text Contrast & Accessibility

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

TextWhite text9.44:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#504611 Complementary#111B50 Analogous#502611 Analogous#3B5011 Triadic#115045 Triadic#451150

Tints & Shades

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

Tints

#7E6E1B #B19A25 #D5BB39 #DFCB68 #E9DB96 #F3ECC8

Shades

#483E0F #3F370D #37300C #2A2509 #221D07 #191605

Use #504611 in Our Tools

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