#486A11 Color

#486A11 is rgb(72, 106, 17) in RGB and hsl(83, 72%, 24%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#486A11

HEX#486A11

RGBrgb(72, 106, 17)

HSLhsl(83, 72%, 24%)

HSVhsv(83, 84%, 42%)

OKLCHoklch(48.1% 0.119 129.2)

CMYKcmyk(32%, 0%, 84%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#486A11 Complementary#331169 Analogous#695F11 Analogous#1B6911 Triadic#114769 Triadic#691147

Tints & Shades

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

Tints

#689A19 #86C520 #A2E03E #B7E76A #CEEF9A #E3F6C6

Shades

#3F5C0F #364F0D #2D420B #273909 #1E2C07 #151F05

Use #486A11 in Our Tools

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