#7EA090 Color

#7EA090 is rgb(126, 160, 144) in RGB and hsl(152, 15%, 56%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#7EA090

HEX#7EA090

RGBrgb(126, 160, 144)

HSLhsl(152, 15%, 56%)

HSVhsv(152, 21%, 63%)

OKLCHoklch(67.6% 0.044 164.8)

CMYKcmyk(21%, 0%, 10%, 37%)

Text Contrast & Accessibility

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

TextWhite text2.87:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.32:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#7EA090 Complementary#A07E8E Analogous#7EA07F Analogous#7E9FA0 Triadic#907EA0 Triadic#A0907E

Tints & Shades

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

Tints

#90AD9F #A1BAAE #B3C7BD #C4D4CD #D6E1DC #E8EEEB

Shades

#6A907E #59786A #4A6458 #384C43 #293831 #18201C

Use #7EA090 in Our Tools

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