#6E76AF Color

#6E76AF is rgb(110, 118, 175) in RGB and hsl(233, 29%, 56%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#6E76AF

HEX#6E76AF

RGBrgb(110, 118, 175)

HSLhsl(233, 29%, 56%)

HSVhsv(233, 37%, 69%)

OKLCHoklch(58.3% 0.088 277.2)

CMYKcmyk(37%, 33%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6E76AF Complementary#AFA86E Analogous#6E96AF Analogous#876EAF Triadic#AF6E76 Triadic#76AF6E

Tints & Shades

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

Tints

#8289BA #969BC5 #A9AED0 #BDC1DB #D1D3E6 #E5E6F1

Shades

#5961A1 #4A5187 #3E4370 #2F3456 #22263F #141624

Use #6E76AF in Our Tools

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