#96C8EE

#96C8EE

Color Values

HEX

#96C8EE

RGB

150, 200, 238

HSL

205.9, 72.1%, 76.1%

HSV

205.9, 37.0%, 93.3%

CMYK

37.0%, 16.0%, 0.0%, 6.7%

OKLCH

0.8111 0.0752 241.6

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#96C8EE

#EEBC96

Analogous

#96EEE8

#969CEE

#96C8EE

Triadic

#96C8EE

#EE96C8

#C8EE96

Split Complementary

#96C8EE

#EE969C

#EEE896

Tetradic

#96C8EE

#E896EE

#EEBC96

#9CEE96

Color Blindness Simulation

Original

#96C8EE

Protanopia

#ACACE5

Deuteranopia

#A9A5E3

Tritanopia

#98DEDC

Achromatopsia

#C0C0C0

CSS Usage

background-color: #96C8EE;
color: #96C8EE;
border-color: #96C8EE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2DFF5
300
#96C8EE
400
#5DAAE5
500
#248CDB
600
#1C70B0
700
#175A8C
800
#12466E
900
#113550
950
#0B2132

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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