#96BCF4

#96BCF4

Color Values

HEX

#96BCF4

RGB

150, 188, 244

HSL

215.7, 81.0%, 77.3%

HSV

215.7, 38.5%, 95.7%

CMYK

38.5%, 23.0%, 0.0%, 4.3%

OKLCH

0.7882 0.0902 257.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#96BCF4

#F4CE96

Analogous

#96EBF4

#9F96F4

#96BCF4

Triadic

#96BCF4

#F496BC

#BCF496

Split Complementary

#96BCF4

#F49F96

#EBF496

Tetradic

#96BCF4

#F496EB

#F4CE96

#96F49F

Color Blindness Simulation

Original

#96BCF4

Protanopia

#A6A7E6

Deuteranopia

#A4A1E3

Tritanopia

#98DCD9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BED6F8
300
#90B8F3
400
#5492ED
500
#186CE7
600
#1356B9
700
#104594
800
#0C3673
900
#0D2A54
950
#081A35

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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