#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