#69629D Color

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

#69629D

HEX#69629D

RGBrgb(105, 98, 157)

HSLhsl(247, 23%, 50%)

HSVhsv(247, 38%, 62%)

OKLCHoklch(52.8% 0.092 288.3)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#69629D Complementary#969D62 Analogous#62799D Analogous#86629D Triadic#9D6962 Triadic#629D69

Tints & Shades

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

Tints

#7E78AB #938EB8 #A8A4C6 #BAB7D2 #CFCDE0 #E4E3ED

Shades

#5A5487 #4E4974 #3F3B5E #322F4B #242135 #171623

Use #69629D in Our Tools

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