#96DFED

#96DFED

Color Values

HEX

#96DFED

RGB

150, 223, 237

HSL

189.7, 70.7%, 75.9%

HSV

189.7, 36.7%, 92.9%

CMYK

36.7%, 5.9%, 0.0%, 7.1%

OKLCH

0.8605 0.0749 210.9

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#96DFED

#EDA496

Analogous

#96EDD0

#96B3ED

#96DFED

Triadic

#96DFED

#ED96DF

#DFED96

Split Complementary

#96DFED

#ED96B3

#EDD096

Tetradic

#96DFED

#D096ED

#EDA496

#B3ED96

Color Blindness Simulation

Original

#96DFED

Protanopia

#B6B6EA

Deuteranopia

#B1ACE9

Tritanopia

#9AE7E6

Achromatopsia

#D0D0D0

CSS Usage

background-color: #96DFED;
color: #96DFED;
border-color: #96DFED;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C2ECF5
300
#97DFED
400
#5ECEE3
500
#25BCDA
600
#1E97AE
700
#18798B
800
#135E6D
900
#12454F
950
#0B2C32

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026