#9DCEF8

#9DCEF8

Color Values

HEX

#9DCEF8

RGB

157, 206, 248

HSL

207.7, 86.7%, 79.4%

HSV

207.7, 36.7%, 97.3%

CMYK

36.7%, 16.9%, 0.0%, 2.7%

OKLCH

0.8318 0.0784 244.8

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#9DCEF8

#F8C79D

Analogous

#9DF8F5

#9DA0F8

#9DCEF8

Triadic

#9DCEF8

#F89DCE

#CEF89D

Split Complementary

#9DCEF8

#F89DA0

#F8F59D

Tetradic

#9DCEF8

#F59DF8

#F8C79D

#A0F89D

Color Blindness Simulation

Original

#9DCEF8

Protanopia

#B2B3EE

Deuteranopia

#AFACEB

Tritanopia

#9FE6E4

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8DC6F7
400
#4FA7F2
500
#1188EE
600
#0E6DBE
700
#0B5798
800
#084477
900
#0B3356
950
#072036

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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