#9DD0FC

#9DD0FC

Color Values

HEX

#9DD0FC

RGB

157, 208, 252

HSL

207.8, 94.1%, 80.2%

HSV

207.8, 37.7%, 98.8%

CMYK

37.7%, 17.5%, 0.0%, 1.2%

OKLCH

0.8376 0.0817 245.0

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9DD0FC

#FCC99D

Analogous

#9DFCF9

#9DA0FC

#9DD0FC

Triadic

#9DD0FC

#FC9DD0

#D0FC9D

Split Complementary

#9DD0FC

#FC9DA0

#FCF99D

Tetradic

#9DD0FC

#F99DFC

#FCC99D

#A0FC9D

Color Blindness Simulation

Original

#9DD0FC

Protanopia

#B3B4F1

Deuteranopia

#B0ACEF

Tritanopia

#A0E9E7

Achromatopsia

#C8C8C8

CSS Usage

background-color: #9DD0FC;
color: #9DD0FC;
border-color: #9DD0FC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#88C6FB
400
#48A7F9
500
#0888F7
600
#066DC6
700
#05579E
800
#04447C
900
#073359
950
#052139

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.86:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026