#96BEFC

#96BEFC

Color Values

HEX

#96BEFC

RGB

150, 190, 252

HSL

216.5, 94.4%, 78.8%

HSV

216.5, 40.5%, 98.8%

CMYK

40.5%, 24.6%, 0.0%, 1.2%

OKLCH

0.7958 0.0987 259.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#96BEFC

#FCD496

Analogous

#96F1FC

#A196FC

#96BEFC

Triadic

#96BEFC

#FC96BE

#BEFC96

Split Complementary

#96BEFC

#FCA196

#F1FC96

Tetradic

#96BEFC

#FC96F1

#FCD496

#96FCA1

Color Blindness Simulation

Original

#96BEFC

Protanopia

#A7A8ED

Deuteranopia

#A5A2E9

Tritanopia

#98E1DF

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B5FC
400
#488DFA
500
#0765F8
600
#0651C6
700
#05419F
800
#04337C
900
#07285A
950
#051939

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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