#9EB2ED

#9EB2ED

Color Values

HEX

#9EB2ED

RGB

158, 178, 237

HSL

224.8, 68.7%, 77.5%

HSV

224.8, 33.3%, 92.9%

CMYK

33.3%, 24.9%, 0.0%, 7.1%

OKLCH

0.7699 0.0878 269.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9EB2ED

#EDD99E

Analogous

#9EDAED

#B29EED

#9EB2ED

Triadic

#9EB2ED

#ED9EB2

#B2ED9E

Split Complementary

#9EB2ED

#EDB29E

#DAED9E

Tetradic

#9EB2ED

#ED9EDA

#EDD99E

#9EEDB2

Color Blindness Simulation

Original

#9EB2ED

Protanopia

#A7A7DF

Deuteranopia

#A6A4DB

Tritanopia

#9FD3D1

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F8
200
#C3CFF4
300
#98ADEC
400
#6081E1
500
#2854D7
600
#2043AC
700
#1A368A
800
#142A6C
900
#12224E
950
#0C1532

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.04:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026