#9DDFE7

#9DDFE7

Color Values

HEX

#9DDFE7

RGB

157, 223, 231

HSL

186.5, 60.7%, 76.1%

HSV

186.5, 32.0%, 90.6%

CMYK

32.0%, 3.5%, 0.0%, 9.4%

OKLCH

0.8622 0.0671 205.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#9DDFE7

#E7A59D

Analogous

#9DE7CA

#9DBAE7

#9DDFE7

Triadic

#9DDFE7

#E79DDF

#DFE79D

Split Complementary

#9DDFE7

#E79DBA

#E7CA9D

Tetradic

#9DDFE7

#CA9DE7

#E7A59D

#BAE79D

Color Blindness Simulation

Original

#9DDFE7

Protanopia

#BABAE5

Deuteranopia

#B6B1E5

Tritanopia

#A0E4E3

Achromatopsia

#D2D2D2

CSS Usage

background-color: #9DDFE7;
color: #9DDFE7;
border-color: #9DDFE7;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDFE7
400
#67CEDA
500
#32BCCD
600
#2896A4
700
#207883
800
#195E66
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026