#107522 Color

#107522 is rgb(16, 117, 34) in RGB and hsl(131, 76%, 26%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#107522

HEX#107522

RGBrgb(16, 117, 34)

HSLhsl(131, 76%, 26%)

HSVhsv(131, 86%, 46%)

OKLCHoklch(49.1% 0.147 145)

CMYKcmyk(86%, 0%, 71%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#107522 Complementary#751062 Analogous#307510 Analogous#107555 Triadic#221075 Triadic#752210

Tints & Shades

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

Tints

#16A230 #1DD33E #3EE55D #6BEB82 #98F1A8 #C9F8D2

Shades

#0E671E #0C5A1A #0A4C16 #083A11 #062D0D #041F09

Use #107522 in Our Tools

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