#667FCC Color

#667FCC is rgb(102, 127, 204) in RGB and hsl(225, 50%, 60%) in HSL. The closest CSS named color is SlateBlue. Black text is most readable on this background.

#667FCC

HEX#667FCC

RGBrgb(102, 127, 204)

HSLhsl(225, 50%, 60%)

HSVhsv(225, 50%, 80%)

OKLCHoklch(61.1% 0.121 269)

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

Text Contrast & Accessibility

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

TextWhite text3.84:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.47:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#667FCC Complementary#CCB366 Analogous#66B3CC Analogous#8066CC Triadic#CC667F Triadic#7FCC66

Tints & Shades

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

Tints

#798FD2 #90A3DA #A3B3E0 #BAC6E8 #CDD6EE #E4E9F6

Shades

#4766C2 #3854A8 #2E458A #24366B #19264D #0F172E

Use #667FCC in Our Tools

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