#9FCCFA

#9FCCFA

Color Values

HEX

#9FCCFA

RGB

159, 204, 250

HSL

210.3, 90.1%, 80.2%

HSV

210.3, 36.4%, 98.0%

CMYK

36.4%, 18.4%, 0.0%, 2.0%

OKLCH

0.8296 0.0805 249.4

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#9FCCFA

#FACD9F

Analogous

#9FFAFA

#9F9FFA

#9FCCFA

Triadic

#9FCCFA

#FA9FCC

#CCFA9F

Split Complementary

#9FCCFA

#FA9F9F

#FAFA9F

Tetradic

#9FCCFA

#FA9FFA

#FACD9F

#9FFA9F

Color Blindness Simulation

Original

#9FCCFA

Protanopia

#B2B3EF

Deuteranopia

#B0ACEC

Tritanopia

#A1E6E4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFB
300
#8BC1F9
400
#4CA0F6
500
#0D7EF2
600
#0A65C2
700
#08519B
800
#063F79
900
#093058
950
#061E37

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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