#9EABBC

#9EABBC

Color Values

HEX

#9EABBC

RGB

158, 171, 188

HSL

214.0, 18.3%, 67.8%

HSV

214.0, 16.0%, 73.7%

CMYK

16.0%, 9.0%, 0.0%, 26.3%

OKLCH

0.7365 0.0286 255.1

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#9EABBC

#BCAF9E

Analogous

#9EBABC

#A09EBC

#9EABBC

Triadic

#9EABBC

#BC9EAB

#ABBC9E

Split Complementary

#9EABBC

#BCA09E

#BABC9E

Tetradic

#9EABBC

#BC9EBA

#BCAF9E

#9EBCA0

Color Blindness Simulation

Original

#9EABBC

Protanopia

#A4A4B8

Deuteranopia

#A3A2B7

Tritanopia

#9FB5B4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DAE2
300
#B7C0CD
400
#8F9EB2
500
#687C97
600
#536479
700
#435061
800
#343E4B
900
#282F38
950
#1A1E24

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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