#666993 Color

#666993 is rgb(102, 105, 147) in RGB and hsl(236, 18%, 49%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#666993

HEX#666993

RGBrgb(102, 105, 147)

HSLhsl(236, 18%, 49%)

HSVhsv(236, 31%, 58%)

OKLCHoklch(53.5% 0.066 280.8)

CMYKcmyk(31%, 29%, 0%, 42%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#666993 Complementary#939066 Analogous#668093 Analogous#7A6693 Triadic#936669 Triadic#699366

Tints & Shades

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

Tints

#7B7DA3 #9092B2 #A5A7C0 #BABBCF #CFD0DE #E4E4EC

Shades

#5A5D81 #4B4D6C #3F415A #303245 #242533 #15161E

Use #666993 in Our Tools

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