#96B9CE

#96B9CE

Color Values

HEX

#96B9CE

RGB

150, 185, 206

HSL

202.5, 36.4%, 69.8%

HSV

202.5, 27.2%, 80.8%

CMYK

27.2%, 10.2%, 0.0%, 19.2%

OKLCH

0.7671 0.0484 234.6

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#96B9CE

#CEAB96

Analogous

#96CEC7

#969DCE

#96B9CE

Triadic

#96B9CE

#CE96B9

#B9CE96

Split Complementary

#96B9CE

#CE969D

#CEC796

Tetradic

#96B9CE

#C796CE

#CEAB96

#9DCE96

Color Blindness Simulation

Original

#96B9CE

Protanopia

#A5A5C9

Deuteranopia

#A3A0C8

Tritanopia

#98C5C4

Achromatopsia

#B3B3B3

CSS Usage

background-color: #96B9CE;
color: #96B9CE;
border-color: #96B9CE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEDFE8
300
#ACC7D8
400
#7EA9C3
500
#518BAE
600
#416F8B
700
#34596F
800
#294657
900
#213440
950
#152129

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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