#9ECDFE

#9ECDFE

Color Values

HEX

#9ECDFE

RGB

158, 205, 254

HSL

210.6, 98.0%, 80.8%

HSV

210.6, 37.8%, 99.6%

CMYK

37.8%, 19.3%, 0.0%, 0.4%

OKLCH

0.8326 0.0851 249.9

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#9ECDFE

#FECF9E

Analogous

#9EFDFE

#9F9EFE

#9ECDFE

Triadic

#9ECDFE

#FE9ECD

#CDFE9E

Split Complementary

#9ECDFE

#FE9F9E

#FDFE9E

Tetradic

#9ECDFE

#FE9EFD

#FECF9E

#9EFE9F

Color Blindness Simulation

Original

#9ECDFE

Protanopia

#B2B3F2

Deuteranopia

#B0ACEF

Tritanopia

#A0E9E7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DBFE
300
#86C1FE
400
#449FFD
500
#037DFC
600
#0264CA
700
#0250A2
800
#013F7E
900
#06305B
950
#041E3A

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