#96C3DB

#96C3DB

Color Values

HEX

#96C3DB

RGB

150, 195, 219

HSL

200,9, 48,9%, 72,4%

HSV

200,9, 31,5%, 85,9%

CMYK

31,5%, 11,0%, 0,0%, 14,1%

OKLCH

0,7933 0,0585 231,7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#96C3DB

#DBAE96

Analogous

#96DBD1

#96A1DB

#96C3DB

Triadic

#96C3DB

#DB96C3

#C3DB96

Split Complementary

#96C3DB

#DB96A1

#DBD196

Tetradic

#96C3DB

#D196DB

#DBAE96

#A1DB96

Color Blindness Simulation

Original

#96C3DB

Protanopia

#A9AAD5

Deuteranopia

#A7A4D4

Tritanopia

#98D1D0

Achromatopsia

#BBBBBB

CSS Usage

background-color: #96C3DB;
color: #96C3DB;
border-color: #96C3DB;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CAE1ED
300
#A4CBE0
400
#73AFCF
500
#4192BE
600
#347598
700
#2A5E7A
800
#21495F
900
#1B3746
950
#11232C

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026