#9BABE9

#9BABE9

Color Values

HEX

#9BABE9

RGB

155, 171, 233

HSL

227.7, 63.9%, 76.1%

HSV

227.7, 33.5%, 91.4%

CMYK

33.5%, 26.6%, 0.0%, 8.6%

OKLCH

0.7519 0.0914 272.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9BABE9

#E9D99B

Analogous

#9BD2E9

#B29BE9

#9BABE9

Triadic

#9BABE9

#E99BAB

#ABE99B

Split Complementary

#9BABE9

#E9B29B

#D2E99B

Tetradic

#9BABE9

#E99BD2

#E9D99B

#9BE9B2

Color Blindness Simulation

Original

#9BABE9

Protanopia

#A2A2DA

Deuteranopia

#A1A0D6

Tritanopia

#9CCECC

Achromatopsia

#ACACAC

CSS Usage

background-color: #9BABE9;
color: #9BABE9;
border-color: #9BABE9;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CEF2
300
#9BABE9
400
#647DDD
500
#2E4FD1
600
#2540A7
700
#1D3386
800
#172868
900
#15204C
950
#0D1430

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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