#949EC4

#949EC4

Color Values

HEX

#949EC4

RGB

148, 158, 196

HSL

227.5, 28.9%, 67.5%

HSV

227.5, 24.5%, 76.9%

CMYK

24.5%, 19.4%, 0.0%, 23.1%

OKLCH

0.7046 0.0568 273.3

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#949EC4

#C4BA94

Analogous

#94B6C4

#A294C4

#949EC4

Triadic

#949EC4

#C4949E

#9EC494

Split Complementary

#949EC4

#C4A294

#B6C494

Tetradic

#949EC4

#C494B6

#C4BA94

#94C4A2

Color Blindness Simulation

Original

#949EC4

Protanopia

#9898BB

Deuteranopia

#9897B9

Tritanopia

#94B4B2

Achromatopsia

#9F9F9F

CSS Usage

background-color: #949EC4;
color: #949EC4;
border-color: #949EC4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D5E6
300
#B0B7D3
400
#8591BC
500
#5B6AA4
600
#495583
700
#3A4469
800
#2D3552
900
#24293D
950
#171A27

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026