#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