#6668CC Color

#6668CC is rgb(102, 104, 204) in RGB and hsl(239, 50%, 60%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6668CC

HEX#6668CC

RGBrgb(102, 104, 204)

HSLhsl(239, 50%, 60%)

HSVhsv(239, 50%, 80%)

OKLCHoklch(56.5% 0.151 279.5)

CMYKcmyk(50%, 49%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6668CC Complementary#CCCA66 Analogous#669BCC Analogous#9766CC Triadic#CC6668 Triadic#68CC66

Tints & Shades

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

Tints

#797BD2 #9091DA #A3A4E0 #BABBE8 #CDCEEE #E4E5F6

Shades

#4749C2 #383AA8 #2E2F8A #24256B #191A4D #0F102E

Use #6668CC in Our Tools

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