#9DADE6

#9DADE6

Color Values

HEX

#9DADE6

RGB

157, 173, 230

HSL

226,8, 59,3%, 75,9%

HSV

226,8, 31,7%, 90,2%

CMYK

31,7%, 24,8%, 0,0%, 9,8%

OKLCH

0,7561 0,0842 272,1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9DADE6

#E6D69D

Analogous

#9DD2E6

#B29DE6

#9DADE6

Triadic

#9DADE6

#E69DAD

#ADE69D

Split Complementary

#9DADE6

#E6B29D

#D2E69D

Tetradic

#9DADE6

#E69DD2

#E6D69D

#9DE6B2

Color Blindness Simulation

Original

#9DADE6

Protanopia

#A4A4D8

Deuteranopia

#A3A2D5

Tritanopia

#9ECDCB

Achromatopsia

#AEAEAE

CSS Usage

background-color: #9DADE6;
color: #9DADE6;
border-color: #9DADE6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CFF0
300
#9EADE6
400
#6981D9
500
#3455CB
600
#2A44A2
700
#213782
800
#1A2B66
900
#17224A
950
#0E152F

Contrast Checker

Text on white

2,2:1

AA Fail AAA Fail

Text on black

9,55:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026