#9CCBF7

#9CCBF7

Color Values

HEX

#9CCBF7

RGB

156, 203, 247

HSL

209.0, 85.0%, 79.0%

HSV

209.0, 36.8%, 96.9%

CMYK

36.8%, 17.8%, 0.0%, 3.1%

OKLCH

0.8245 0.0795 247.1

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9CCBF7

#F7C89C

Analogous

#9CF7F5

#9C9DF7

#9CCBF7

Triadic

#9CCBF7

#F79CCB

#CBF79C

Split Complementary

#9CCBF7

#F79C9D

#F7F59C

Tetradic

#9CCBF7

#F59CF7

#F7C89C

#9DF79C

Color Blindness Simulation

Original

#9CCBF7

Protanopia

#B0B1EC

Deuteranopia

#AEAAEA

Tritanopia

#9EE4E2

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDCFA
300
#8EC4F6
400
#50A3F1
500
#1383EC
600
#0F69BD
700
#0C5497
800
#0A4276
900
#0B3256
950
#071F36

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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