#9BD2FC

#9BD2FC

Color Values

HEX

#9BD2FC

RGB

155, 210, 252

HSL

206.0, 94.2%, 79.8%

HSV

206.0, 38.5%, 98.8%

CMYK

38.5%, 16.7%, 0.0%, 1.2%

OKLCH

0.8406 0.082 241.8

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9BD2FC

#FCC59B

Analogous

#9BFCF6

#9BA1FC

#9BD2FC

Triadic

#9BD2FC

#FC9BD2

#D2FC9B

Split Complementary

#9BD2FC

#FC9BA1

#FCF69B

Tetradic

#9BD2FC

#F69BFC

#FCC59B

#A1FC9B

Color Blindness Simulation

Original

#9BD2FC

Protanopia

#B3B3F2

Deuteranopia

#B0ACEF

Tritanopia

#9EEAE8

Achromatopsia

#C9C9C9

CSS Usage

background-color: #9BD2FC;
color: #9BD2FC;
border-color: #9BD2FC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#88C9FB
400
#48ADFA
500
#0790F8
600
#0673C6
700
#055C9E
800
#04487C
900
#07365A
950
#052239

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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