#949EC2 Color

#949EC2 is rgb(148, 158, 194) in RGB and hsl(227, 27%, 67%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#949EC2

HEX#949EC2

RGBrgb(148, 158, 194)

HSLhsl(227, 27%, 67%)

HSVhsv(227, 24%, 76%)

OKLCHoklch(70.4% 0.054 272.8)

CMYKcmyk(24%, 19%, 0%, 24%)

Text Contrast & Accessibility

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

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

TextBlack text7.93:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#949EC2 Complementary#C2B894 Analogous#94B5C2 Analogous#A194C2 Triadic#C2949E Triadic#9EC294

Tints & Shades

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

Tints

#A1AAC9 #B1B8D2 #BEC4DA #CED3E3 #DBDFEB #ECEDF4

Shades

#7784B1 #5B6A9F #4A5682 #3A4364 #293047 #181C2A

Use #949EC2 in Our Tools

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