#96C0EC

#96C0EC

Color Values

HEX

#96C0EC

RGB

150, 192, 236

HSL

210.7, 69.4%, 75.7%

HSV

210.7, 36.4%, 92.5%

CMYK

36.4%, 18.6%, 0.0%, 7.5%

OKLCH

0.7934 0.0773 250.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#96C0EC

#ECC296

Analogous

#96EBEC

#9796EC

#96C0EC

Triadic

#96C0EC

#EC96C0

#C0EC96

Split Complementary

#96C0EC

#EC9796

#EBEC96

Tetradic

#96C0EC

#EC96EB

#ECC296

#96EC97

Color Blindness Simulation

Original

#96C0EC

Protanopia

#A8A9E1

Deuteranopia

#A6A3DF

Tritanopia

#98D9D7

Achromatopsia

#BABABA

CSS Usage

background-color: #96C0EC;
color: #96C0EC;
border-color: #96C0EC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DBF4
300
#97C1EC
400
#5F9FE2
500
#277DD8
600
#1F64AD
700
#19508A
800
#143F6C
900
#12304F
950
#0B1E32

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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