#107E75 Color

#107E75 is rgb(16, 126, 117) in RGB and hsl(175, 77%, 28%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#107E75

HEX#107E75

RGBrgb(16, 126, 117)

HSLhsl(175, 77%, 28%)

HSVhsv(175, 87%, 49%)

OKLCHoklch(53.5% 0.091 185.9)

CMYKcmyk(87%, 0%, 7%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#107E75 Complementary#7E101A Analogous#107E3E Analogous#10517E Triadic#75107E Triadic#7E7510

Tints & Shades

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

Tints

#16AC9F #1CD9C9 #41E6D9 #6FECE2 #9CF2EB #C9F8F4

Shades

#0F7169 #0C5F58 #0B514B #083F3B #06322E #04201D

Use #107E75 in Our Tools

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