#9DCEF6

#9DCEF6

Color Values

HEX

#9DCEF6

RGB

157, 206, 246

HSL

207.0, 83.2%, 79.0%

HSV

207.0, 36.2%, 96.5%

CMYK

36.2%, 16.3%, 0.0%, 3.5%

OKLCH

0.831 0.0762 243.5

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9DCEF6

#F6C59D

Analogous

#9DF6F2

#9DA1F6

#9DCEF6

Triadic

#9DCEF6

#F69DCE

#CEF69D

Split Complementary

#9DCEF6

#F69DA1

#F6F29D

Tetradic

#9DCEF6

#F29DF6

#F6C59D

#A1F69D

Color Blindness Simulation

Original

#9DCEF6

Protanopia

#B2B3EC

Deuteranopia

#AFACEA

Tritanopia

#9FE5E3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #9DCEF6;
color: #9DCEF6;
border-color: #9DCEF6;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC7F5
400
#52A8EF
500
#158AEA
600
#116EBB
700
#0E5895
800
#0B4575
900
#0C3455
950
#082136

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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