#9BAFC2

#9BAFC2

Color Values

HEX

#9BAFC2

RGB

155, 175, 194

HSL

209.2, 24.2%, 68.4%

HSV

209.2, 20.1%, 76.1%

CMYK

20.1%, 9.8%, 0.0%, 23.9%

OKLCH

0.7449 0.0354 246.9

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#9BAFC2

#C2AE9B

Analogous

#9BC2C1

#9B9BC2

#9BAFC2

Triadic

#9BAFC2

#C29BAF

#AFC29B

Split Complementary

#9BAFC2

#C29B9B

#C2C19B

Tetradic

#9BAFC2

#C19BC2

#C2AE9B

#9BC29B

Color Blindness Simulation

Original

#9BAFC2

Protanopia

#A4A4BD

Deuteranopia

#A2A1BC

Tritanopia

#9CBAB9

Achromatopsia

#ACACAC

CSS Usage

background-color: #9BAFC2;
color: #9BAFC2;
border-color: #9BAFC2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DCE4
300
#B3C2D1
400
#8AA1B7
500
#61809E
600
#4D677F
700
#3E5265
800
#30404F
900
#26313B
950
#181F25

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3: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