#96BCF3

#96BCF3

Color Values

HEX

#96BCF3

RGB

150, 188, 243

HSL

215.5, 79.5%, 77.1%

HSV

215.5, 38.3%, 95.3%

CMYK

38.3%, 22.6%, 0.0%, 4.7%

OKLCH

0.7878 0.089 257.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#96BCF3

#F3CD96

Analogous

#96EBF3

#9F96F3

#96BCF3

Triadic

#96BCF3

#F396BC

#BCF396

Split Complementary

#96BCF3

#F39F96

#EBF396

Tetradic

#96BCF3

#F396EB

#F3CD96

#96F39F

Color Blindness Simulation

Original

#96BCF3

Protanopia

#A6A7E6

Deuteranopia

#A4A1E2

Tritanopia

#98DBD9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BFD6F8
300
#91B9F2
400
#5693EC
500
#1A6DE5
600
#1557B7
700
#114692
800
#0D3672
900
#0E2A53
950
#091B34

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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