#96ADD0

#96ADD0

Color Values

HEX

#96ADD0

RGB

150, 173, 208

HSL

216.2, 38.2%, 70.2%

HSV

216.2, 27.9%, 81.6%

CMYK

27.9%, 16.8%, 0.0%, 18.4%

OKLCH

0.7422 0.0569 258.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#96ADD0

#D0B996

Analogous

#96CAD0

#9C96D0

#96ADD0

Triadic

#96ADD0

#D096AD

#ADD096

Split Complementary

#96ADD0

#D09C96

#CAD096

Tetradic

#96ADD0

#D096CA

#D0B996

#96D09C

Color Blindness Simulation

Original

#96ADD0

Protanopia

#A0A0C8

Deuteranopia

#9F9DC6

Tritanopia

#97C1BF

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED8E9
300
#AABDD9
400
#7D99C5
500
#4F75B0
600
#3F5E8D
700
#324B71
800
#273B58
900
#202D41
950
#141C29

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026