#909CB2

#909CB2

Color Values

HEX

#909CB2

RGB

144, 156, 178

HSL

218.8, 18.1%, 63.1%

HSV

218.8, 19.1%, 69.8%

CMYK

19.1%, 12.4%, 0.0%, 30.2%

OKLCH

0.6906 0.0352 262.6

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#909CB2

#B2A690

Analogous

#90ADB2

#9590B2

#909CB2

Triadic

#909CB2

#B2909C

#9CB290

Split Complementary

#909CB2

#B29590

#ADB290

Tetradic

#909CB2

#B290AD

#B2A690

#90B295

Color Blindness Simulation

Original

#909CB2

Protanopia

#9595AD

Deuteranopia

#9494AB

Tritanopia

#91A8A8

Achromatopsia

#9B9B9B

CSS Usage

background-color: #909CB2;
color: #909CB2;
border-color: #909CB2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D9E2
300
#B7BFCD
400
#909CB2
500
#687997
600
#546178
700
#434D60
800
#343C4B
900
#292E38
950
#1A1D24

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026