#9EBBCE

#9EBBCE

Color Values

HEX

#9EBBCE

RGB

158, 187, 206

HSL

203,8, 32,9%, 71,4%

HSV

203,8, 23,3%, 80,8%

CMYK

23,3%, 9,2%, 0,0%, 19,2%

OKLCH

0,7767 0,0417 236,8

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#9EBBCE

#CEB19E

Analogous

#9ECEC9

#9EA3CE

#9EBBCE

Triadic

#9EBBCE

#CE9EBB

#BBCE9E

Split Complementary

#9EBBCE

#CE9EA3

#CEC99E

Tetradic

#9EBBCE

#C99ECE

#CEB19E

#A3CE9E

Color Blindness Simulation

Original

#9EBBCE

Protanopia

#ABABC9

Deuteranopia

#A9A7C8

Tritanopia

#9FC6C5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC6D6
400
#82A7C0
500
#5688A9
600
#446D88
700
#37576C
800
#2B4455
900
#22333F
950
#162028

Contrast Checker

Text on white

2,01:1

AA Fail AAA Fail

Text on black

10,45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026