#949DA8

#949DA8

Color Values

HEX

#949DA8

RGB

148, 157, 168

HSL

213.0, 10.3%, 62.0%

HSV

213.0, 11.9%, 65.9%

CMYK

11.9%, 6.5%, 0.0%, 34.1%

OKLCH

0.6923 0.0192 253.4

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#949DA8

#A89F94

Analogous

#94A7A8

#9594A8

#949DA8

Triadic

#949DA8

#A8949D

#9DA894

Split Complementary

#949DA8

#A89594

#A7A894

Tetradic

#949DA8

#A894A7

#A89F94

#94A895

Color Blindness Simulation

Original

#949DA8

Protanopia

#9898A5

Deuteranopia

#9797A5

Tritanopia

#94A3A3

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BBC1C8
400
#97A0AA
500
#727E8D
600
#5B6571
700
#49515A
800
#393F46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026