#9FCDF9

#9FCDF9

Color Values

HEX

#9FCDF9

RGB

159, 205, 249

HSL

209.3, 88.2%, 80.0%

HSV

209.3, 36.1%, 97.6%

CMYK

36.1%, 17.7%, 0.0%, 2.4%

OKLCH

0.8313 0.0788 247.7

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9FCDF9

#F9CB9F

Analogous

#9FF9F8

#9FA0F9

#9FCDF9

Triadic

#9FCDF9

#F99FCD

#CDF99F

Split Complementary

#9FCDF9

#F99FA0

#F9F89F

Tetradic

#9FCDF9

#F89FF9

#F9CB9F

#A0F99F

Color Blindness Simulation

Original

#9FCDF9

Protanopia

#B3B3EE

Deuteranopia

#B0ADEC

Tritanopia

#A1E6E4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDCFB
300
#8CC3F8
400
#4DA3F4
500
#0F82F0
600
#0C68C0
700
#0A539A
800
#084178
900
#0A3157
950
#061F37

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57: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