#757EBD Color

#757EBD is rgb(117, 126, 189) in RGB and hsl(233, 35%, 60%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#757EBD

HEX#757EBD

RGBrgb(117, 126, 189)

HSLhsl(233, 35%, 60%)

HSVhsv(233, 38%, 74%)

OKLCHoklch(61.2% 0.096 277)

CMYKcmyk(38%, 33%, 0%, 26%)

Text Contrast & Accessibility

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

TextWhite text3.84:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#757EBD Complementary#BDB475 Analogous#75A1BD Analogous#9175BD Triadic#BD757E Triadic#7EBD75

Tints & Shades

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

Tints

#878EC5 #9BA1CF #ACB1D7 #C1C5E1 #D2D5E9 #E7E8F3

Shades

#5A64AF #495297 #3C437C #2E3460 #212545 #141629

Use #757EBD in Our Tools

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