#949AA9

#949AA9

Color Values

HEX

#949AA9

RGB

148, 154, 169

HSL

222.9, 10.9%, 62.2%

HSV

222.9, 12.4%, 66.3%

CMYK

12.4%, 8.9%, 0.0%, 33.7%

OKLCH

0.6862 0.0231 268.3

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#949AA9

#A9A394

Analogous

#94A5A9

#9994A9

#949AA9

Triadic

#949AA9

#A9949A

#9AA994

Split Complementary

#949AA9

#A99994

#A5A994

Tetradic

#949AA9

#A994A5

#A9A394

#94A999

Color Blindness Simulation

Original

#949AA9

Protanopia

#9797A5

Deuteranopia

#9696A4

Tritanopia

#94A3A2

Achromatopsia

#9A9A9A

CSS Usage

background-color: #949AA9;
color: #949AA9;
border-color: #949AA9;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7DADF
300
#BBBFC8
400
#969CAB
500
#727A8D
600
#5B6171
700
#494E5A
800
#393D47
900
#2C2E35
950
#1C1D22

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026