#96C9EF

#96C9EF

Color Values

HEX

#96C9EF

RGB

150, 201, 239

HSL

205.6, 73.6%, 76.3%

HSV

205.6, 37.2%, 93.7%

CMYK

37.2%, 15.9%, 0.0%, 6.3%

OKLCH

0.8136 0.0758 241.1

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#96C9EF

#EFBC96

Analogous

#96EFE9

#969DEF

#96C9EF

Triadic

#96C9EF

#EF96C9

#C9EF96

Split Complementary

#96C9EF

#EF969D

#EFE996

Tetradic

#96C9EF

#E996EF

#EFBC96

#9DEF96

Color Blindness Simulation

Original

#96C9EF

Protanopia

#ACADE6

Deuteranopia

#A9A5E4

Tritanopia

#99DFDD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF6
300
#95C8EF
400
#5BABE6
500
#228DDD
600
#1B71B1
700
#165A8E
800
#11476F
900
#103551
950
#0A2233

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026