#9ECCD7

#9ECCD7

Color Values

HEX

#9ECCD7

RGB

158, 204, 215

HSL

191.6, 41.6%, 73.1%

HSV

191.6, 26.5%, 84.3%

CMYK

26.5%, 5.1%, 0.0%, 15.7%

OKLCH

0.8163 0.0506 214.0

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#9ECCD7

#D7A99E

Analogous

#9ED7C5

#9EAFD7

#9ECCD7

Triadic

#9ECCD7

#D79ECC

#CCD79E

Split Complementary

#9ECCD7

#D79EAF

#D7C59E

Tetradic

#9ECCD7

#C59ED7

#D7A99E

#AFD79E

Color Blindness Simulation

Original

#9ECCD7

Protanopia

#B2B2D4

Deuteranopia

#AFACD4

Tritanopia

#A0D2D2

Achromatopsia

#C3C3C3

CSS Usage

background-color: #9ECCD7;
color: #9ECCD7;
border-color: #9ECCD7;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE4EA
300
#A8D1DB
400
#79B9C8
500
#4AA0B5
600
#3C8090
700
#306674
800
#25505A
900
#1E3C43
950
#13262A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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