#718226 Color

#718226 is rgb(113, 130, 38) in RGB and hsl(71, 55%, 33%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#718226

HEX#718226

RGBrgb(113, 130, 38)

HSLhsl(71, 55%, 33%)

HSVhsv(71, 71%, 51%)

OKLCHoklch(57.4% 0.117 119.3)

CMYKcmyk(13%, 0%, 71%, 49%)

Text Contrast & Accessibility

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

TextWhite text4.27:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#718226 Complementary#372682 Analogous#826526 Analogous#438226 Triadic#267182 Triadic#822671

Tints & Shades

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

Tints

#90A630 #AFC841 #BED265 #CDDD88 #DCE7AC #EDF2D4

Shades

#647321 #56631D #485318 #373F12 #292F0E #1C2009

Use #718226 in Our Tools

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