#9FCBF9

#9FCBF9

Color Values

HEX

#9FCBF9

RGB

159, 203, 249

HSL

210.7, 88.2%, 80.0%

HSV

210.7, 36.1%, 97.6%

CMYK

36.1%, 18.5%, 0.0%, 2.4%

OKLCH

0.8271 0.08 249.9

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#9FCBF9

#F9CD9F

Analogous

#9FF8F9

#A09FF9

#9FCBF9

Triadic

#9FCBF9

#F99FCB

#CBF99F

Split Complementary

#9FCBF9

#F9A09F

#F8F99F

Tetradic

#9FCBF9

#F99FF8

#F9CD9F

#9FF9A0

Color Blindness Simulation

Original

#9FCBF9

Protanopia

#B2B2EE

Deuteranopia

#B0ACEB

Tritanopia

#A1E5E3

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDBFB
300
#8CC1F8
400
#4D9FF4
500
#0F7DF0
600
#0C64C0
700
#0A509A
800
#083E78
900
#0A3057
950
#061E37

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026