#9EBADE

#9EBADE

Color Values

HEX

#9EBADE

RGB

158, 186, 222

HSL

213.8, 49.2%, 74.5%

HSV

213.8, 28.8%, 87.1%

CMYK

28.8%, 16.2%, 0.0%, 12.9%

OKLCH

0.7804 0.0601 254.8

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#9EBADE

#DEC29E

Analogous

#9EDADE

#A29EDE

#9EBADE

Triadic

#9EBADE

#DE9EBA

#BADE9E

Split Complementary

#9EBADE

#DEA29E

#DADE9E

Tetradic

#9EBADE

#DE9EDA

#DEC29E

#9EDEA2

Color Blindness Simulation

Original

#9EBADE

Protanopia

#AAAAD5

Deuteranopia

#A8A6D3

Tritanopia

#9FCECD

Achromatopsia

#B7B7B7

CSS Usage

background-color: #9EBADE;
color: #9EBADE;
border-color: #9EBADE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD9ED
300
#A4BEE0
400
#729BCF
500
#4178BE
600
#346098
700
#294D7A
800
#203C5F
900
#1B2E46
950
#111D2C

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026