#969FCF Color

#969FCF is rgb(150, 159, 207) in RGB and hsl(231, 37%, 70%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#969FCF

HEX#969FCF

RGBrgb(150, 159, 207)

HSLhsl(231, 37%, 70%)

HSVhsv(231, 28%, 81%)

OKLCHoklch(71.3% 0.071 276.2)

CMYKcmyk(28%, 23%, 0%, 19%)

Text Contrast & Accessibility

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

TextWhite text2.57:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.16:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#969FCF Complementary#CFC696 Analogous#96BBCF Analogous#AA96CF Triadic#CF969F Triadic#9FCF96

Tints & Shades

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

Tints

#A4ACD5 #B2B8DC #C0C5E2 #CED2E9 #DCDFEF #EAECF5

Shades

#7782C0 #5462B0 #434F93 #333C70 #252B50 #15192D

Use #969FCF in Our Tools

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