#487500 Color

#487500 is rgb(72, 117, 0) in RGB and hsl(83, 100%, 23%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#487500

HEX#487500

RGBrgb(72, 117, 0)

HSLhsl(83, 100%, 23%)

HSVhsv(83, 100%, 46%)

OKLCHoklch(51% 0.14 131.1)

CMYKcmyk(38%, 0%, 100%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#487500 Complementary#2D0075 Analogous#756800 Analogous#0E7500 Triadic#004875 Triadic#750048

Tints & Shades

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

Tints

#6BAD00 #8AE000 #A7FF1A #BDFF52 #D2FF8A #E6FFBD

Shades

#3F6600 #395C00 #2F4D00 #263D00 #1C2E00 #162400

Use #487500 in Our Tools

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