#96CDFD

#96CDFD

Color Values

HEX

#96CDFD

RGB

150, 205, 253

HSL

208.0, 96.3%, 79.0%

HSV

208.0, 40.7%, 99.2%

CMYK

40.7%, 19.0%, 0.0%, 0.8%

OKLCH

0.8276 0.0887 245.5

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#96CDFD

#FDC696

Analogous

#96FDFA

#9699FD

#96CDFD

Triadic

#96CDFD

#FD96CD

#CDFD96

Split Complementary

#96CDFD

#FD9699

#FDFA96

Tetradic

#96CDFD

#FA96FD

#FDC696

#99FD96

Color Blindness Simulation

Original

#96CDFD

Protanopia

#AEAEF1

Deuteranopia

#ABA6EF

Tritanopia

#99E8E6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DEFE
300
#87C6FD
400
#46A7FC
500
#0588FA
600
#046DC8
700
#0357A0
800
#02447D
900
#06335A
950
#042039

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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