#507845 Color

#507845 is rgb(80, 120, 69) in RGB and hsl(107, 27%, 37%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#507845

HEX#507845

RGBrgb(80, 120, 69)

HSLhsl(107, 27%, 37%)

HSVhsv(107, 43%, 47%)

OKLCHoklch(52.9% 0.089 139.1)

CMYKcmyk(33%, 0%, 43%, 53%)

Text Contrast & Accessibility

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

TextWhite text5.1:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.11:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#507845 Complementary#6D4578 Analogous#697845 Analogous#457853 Triadic#455078 Triadic#784550

Tints & Shades

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

Tints

#639556 #78A96A #92BA87 #ADCBA4 #C7DCC1 #DFEBDB

Shades

#45683C #3C5B34 #324A2B #273A22 #1C2A18 #131D11

Use #507845 in Our Tools

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