#9AB4EA

#9AB4EA

Color Values

HEX

#9AB4EA

RGB

154, 180, 234

HSL

220.5, 65.6%, 76.1%

HSV

220.5, 34.2%, 91.8%

CMYK

34.2%, 23.1%, 0.0%, 8.2%

OKLCH

0.77 0.083 264.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9AB4EA

#EAD09A

Analogous

#9ADCEA

#A89AEA

#9AB4EA

Triadic

#9AB4EA

#EA9AB4

#B4EA9A

Split Complementary

#9AB4EA

#EAA89A

#DCEA9A

Tetradic

#9AB4EA

#EA9ADC

#EAD09A

#9AEAA8

Color Blindness Simulation

Original

#9AB4EA

Protanopia

#A5A5DD

Deuteranopia

#A4A2DA

Tritanopia

#9BD3D0

Achromatopsia

#B2B2B2

CSS Usage

background-color: #9AB4EA;
color: #9AB4EA;
border-color: #9AB4EA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C4D3F3
300
#9AB4EA
400
#638BDF
500
#2C62D3
600
#234FA9
700
#1C3F87
800
#16316A
900
#14264D
950
#0D1831

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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