#66629D Color

#66629D is rgb(102, 98, 157) in RGB and hsl(244, 23%, 50%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#66629D

HEX#66629D

RGBrgb(102, 98, 157)

HSLhsl(244, 23%, 50%)

HSVhsv(244, 38%, 62%)

OKLCHoklch(52.5% 0.092 285.9)

CMYKcmyk(35%, 38%, 0%, 38%)

Text Contrast & Accessibility

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

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

TextBlack text3.8:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#66629D Complementary#999D62 Analogous#627C9D Analogous#83629D Triadic#9D6662 Triadic#629D66

Tints & Shades

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

Tints

#7B78AB #918EB8 #A6A4C6 #B9B7D2 #CECDE0 #E3E3ED

Shades

#585487 #4C4974 #3D3B5E #312F4B #232135 #161623

Use #66629D in Our Tools

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