#696EEC Color

#696EEC is rgb(105, 110, 236) in RGB and hsl(238, 78%, 67%) in HSL. The closest CSS named color is MediumSlateBlue. Black text is most readable on this background.

#696EEC

HEX#696EEC

RGBrgb(105, 110, 236)

HSLhsl(238, 78%, 67%)

HSVhsv(238, 56%, 93%)

OKLCHoklch(60% 0.186 277.5)

CMYKcmyk(56%, 53%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#696EEC Complementary#ECE869 Analogous#69AFEC Analogous#A669EC Triadic#EC696E Triadic#6EEC69

Tints & Shades

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

Tints

#7B7FEF #9295F2 #A4A7F4 #BBBDF7 #CDCFF9 #E4E5FC

Shades

#4046E7 #1B22DE #161CB6 #11168D #0C0F64 #07093B

Use #696EEC in Our Tools

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