#507B1E Color

#507B1E is rgb(80, 123, 30) in RGB and hsl(88, 61%, 30%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#507B1E

HEX#507B1E

RGBrgb(80, 123, 30)

HSLhsl(88, 61%, 30%)

HSVhsv(88, 76%, 48%)

OKLCHoklch(53.2% 0.13 131.4)

CMYKcmyk(35%, 0%, 76%, 52%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#507B1E Complementary#491E7B Analogous#7B781E Analogous#217B1E Triadic#1E507B Triadic#7B1E50

Tints & Shades

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

Tints

#6AA428 #82C931 #9BD657 #B3E080 #CCEAA9 #E2F3CE

Shades

#456B1A #3D5E17 #324E13 #283E0F #1D2D0B #152108

Use #507B1E in Our Tools

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