#757E95 Color

#757E95 is rgb(117, 126, 149) in RGB and hsl(223, 13%, 52%) in HSL. The closest CSS named color is SlateGray. Black text is most readable on this background.

#757E95

HEX#757E95

RGBrgb(117, 126, 149)

HSLhsl(223, 13%, 52%)

HSVhsv(223, 21%, 58%)

OKLCHoklch(59.4% 0.037 268.4)

CMYKcmyk(21%, 15%, 0%, 42%)

Text Contrast & Accessibility

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

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

TextBlack text5.17:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#757E95 Complementary#958B75 Analogous#758E95 Analogous#7C7595 Triadic#95757E Triadic#7E9575

Tints & Shades

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

Tints

#8991A4 #9AA1B1 #AEB4C1 #C0C4CE #D4D7DE #E5E7EB

Shades

#646C82 #545B6D #454B59 #373C48 #282B34 #181A20

Use #757E95 in Our Tools

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