#949AC0

#949AC0

Color Values

HEX

#949AC0

RGB

148, 154, 192

HSL

231.8, 25.9%, 66.7%

HSV

231.8, 22.9%, 75.3%

CMYK

22.9%, 19.8%, 0.0%, 24.7%

OKLCH

0.6947 0.0561 277.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#949AC0

#C0BA94

Analogous

#94B0C0

#A494C0

#949AC0

Triadic

#949AC0

#C0949A

#9AC094

Split Complementary

#949AC0

#C0A494

#B0C094

Tetradic

#949AC0

#C094B0

#C0BA94

#94C0A4

Color Blindness Simulation

Original

#949AC0

Protanopia

#9797B7

Deuteranopia

#9696B5

Tritanopia

#94B0AE

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E5
300
#B2B6D2
400
#888FB9
500
#5E68A1
600
#4C5380
700
#3C4267
800
#2F3450
900
#25283C
950
#171926

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026