#96BEEB

#96BEEB

Color Values

HEX

#96BEEB

RGB

150, 190, 235

HSL

211.8, 68.0%, 75.5%

HSV

211.8, 36.2%, 92.2%

CMYK

36.2%, 19.1%, 0.0%, 7.8%

OKLCH

0.7887 0.0775 251.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#96BEEB

#EBC396

Analogous

#96E8EB

#9996EB

#96BEEB

Triadic

#96BEEB

#EB96BE

#BEEB96

Split Complementary

#96BEEB

#EB9996

#E8EB96

Tetradic

#96BEEB

#EB96E8

#EBC396

#96EB99

Color Blindness Simulation

Original

#96BEEB

Protanopia

#A7A8E0

Deuteranopia

#A5A2DE

Tritanopia

#98D8D6

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF4
300
#98BFEB
400
#609DE1
500
#297AD6
600
#2162AB
700
#1A4E89
800
#143D6B
900
#132F4E
950
#0C1D31

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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