#6887CA Color

#6887CA is rgb(104, 135, 202) in RGB and hsl(221, 48%, 60%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#6887CA

HEX#6887CA

RGBrgb(104, 135, 202)

HSLhsl(221, 48%, 60%)

HSVhsv(221, 49%, 79%)

OKLCHoklch(62.8% 0.108 264.6)

CMYKcmyk(49%, 33%, 0%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6887CA Complementary#CAAB68 Analogous#68B8CA Analogous#7A68CA Triadic#CA6887 Triadic#87CA68

Tints & Shades

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

Tints

#7B96D1 #92A8D9 #A4B7DF #BBC9E7 #CED8EE #E5EAF6

Shades

#4A6FBF #3A5CA6 #304C88 #253B6A #1B2A4B #10192D

Use #6887CA in Our Tools

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