#9EABEB

#9EABEB

Color Values

HEX

#9EABEB

RGB

158, 171, 235

HSL

229.9, 65.8%, 77.1%

HSV

229.9, 32.8%, 92.2%

CMYK

32.8%, 27.2%, 0.0%, 7.8%

OKLCH

0.7549 0.0934 275.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9EABEB

#EBDE9E

Analogous

#9ED2EB

#B89EEB

#9EABEB

Triadic

#9EABEB

#EB9EAB

#ABEB9E

Split Complementary

#9EABEB

#EBB89E

#D2EB9E

Tetradic

#9EABEB

#EB9ED2

#EBDE9E

#9EEBB8

Color Blindness Simulation

Original

#9EABEB

Protanopia

#A4A4DC

Deuteranopia

#A3A2D8

Tritanopia

#9FCFCD

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CCF3
300
#9AA7EA
400
#6377DF
500
#2C48D3
600
#2339A9
700
#1C2E87
800
#16246A
900
#141D4D
950
#0C1331

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.48:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026