#96CFFD

#96CFFD

Color Values

HEX

#96CFFD

RGB

150, 207, 253

HSL

206.8, 96.3%, 79.0%

HSV

206.8, 40.7%, 99.2%

CMYK

40.7%, 18.2%, 0.0%, 0.8%

OKLCH

0.8319 0.0876 243.4

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#96CFFD

#FDC496

Analogous

#96FDF8

#969BFD

#96CFFD

Triadic

#96CFFD

#FD96CF

#CFFD96

Split Complementary

#96CFFD

#FD969B

#FDF896

Tetradic

#96CFFD

#F896FD

#FDC496

#9BFD96

Color Blindness Simulation

Original

#96CFFD

Protanopia

#AFAFF2

Deuteranopia

#ABA7EF

Tritanopia

#99E9E7

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFE
300
#87C8FD
400
#46AAFC
500
#058DFA
600
#0470C8
700
#035AA0
800
#02467D
900
#06355A
950
#042139

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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