#0E7C62 Color

#0E7C62 is rgb(14, 124, 98) in RGB and hsl(166, 80%, 27%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#0E7C62

HEX#0E7C62

RGBrgb(14, 124, 98)

HSLhsl(166, 80%, 27%)

HSVhsv(166, 89%, 49%)

OKLCHoklch(52.3% 0.099 170.9)

CMYKcmyk(89%, 0%, 21%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0E7C62 Complementary#7C0E27 Analogous#0E7C2B Analogous#0E5F7C Triadic#620E7C Triadic#7C620E

Tints & Shades

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

Tints

#13AA87 #18D8AB #3AE9C0 #6CEFD0 #9AF4DF #C8F9ED

Shades

#0C6E57 #0A5C49 #094E3E #074033 #063228 #042019

Use #0E7C62 in Our Tools

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