#96CCF4

#96CCF4

Color Values

HEX

#96CCF4

RGB

150, 204, 244

HSL

205.5, 81.0%, 77.3%

HSV

205.5, 38.5%, 95.7%

CMYK

38.5%, 16.4%, 0.0%, 4.3%

OKLCH

0.822 0.0796 241.0

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#96CCF4

#F4BE96

Analogous

#96F4ED

#969DF4

#96CCF4

Triadic

#96CCF4

#F496CC

#CCF496

Split Complementary

#96CCF4

#F4969D

#F4ED96

Tetradic

#96CCF4

#ED96F4

#F4BE96

#9DF496

Color Blindness Simulation

Original

#96CCF4

Protanopia

#ADAEEA

Deuteranopia

#AAA6E8

Tritanopia

#99E3E1

Achromatopsia

#C3C3C3

CSS Usage

background-color: #96CCF4;
color: #96CCF4;
border-color: #96CCF4;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F8FD
100
#E1EFF9
200
#BEE0F8
300
#90C9F3
400
#54ACED
500
#188FE7
600
#1372B9
700
#105C94
800
#0C4773
900
#0D3654
950
#082235

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.24:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026