#6667A9 Color

#6667A9 is rgb(102, 103, 169) in RGB and hsl(239, 28%, 53%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#6667A9

HEX#6667A9

RGBrgb(102, 103, 169)

HSLhsl(239, 28%, 53%)

HSVhsv(239, 40%, 66%)

OKLCHoklch(54.2% 0.102 281.8)

CMYKcmyk(40%, 39%, 0%, 34%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6667A9 Complementary#A9A866 Analogous#6688A9 Analogous#8666A9 Triadic#A96667 Triadic#67A966

Tints & Shades

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

Tints

#797AB4 #9091C1 #A4A4CC #BABBD8 #CECEE3 #E5E5F0

Shades

#545696 #48497F #3B3C68 #2E2E52 #21213B #141424

Use #6667A9 in Our Tools

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