#668BFA Color

#668BFA is rgb(102, 139, 250) in RGB and hsl(225, 94%, 69%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#668BFA

HEX#668BFA

RGBrgb(102, 139, 250)

HSLhsl(225, 94%, 69%)

HSVhsv(225, 59%, 98%)

OKLCHoklch(66.3% 0.17 267.7)

CMYKcmyk(59%, 44%, 0%, 2%)

Text Contrast & Accessibility

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

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

TextBlack text6.64:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#668BFA Complementary#FAD566 Analogous#66D5FA Analogous#8B66FA Triadic#FA668B Triadic#8BFA66

Tints & Shades

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

Tints

#799AFB #8DA9FB #A1B8FC #BACBFD #CEDAFD #E1E9FE

Shades

#3969F9 #0844F7 #0637CB #052B9E #041F72 #021240

Use #668BFA in Our Tools

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