#9DAEE7

#9DAEE7

Color Values

HEX

#9DAEE7

RGB

157, 174, 231

HSL

226.2, 60.7%, 76.1%

HSV

226.2, 32.0%, 90.6%

CMYK

32.0%, 24.7%, 0.0%, 9.4%

OKLCH

0.7585 0.0844 271.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9DAEE7

#E7D69D

Analogous

#9DD3E7

#B19DE7

#9DAEE7

Triadic

#9DAEE7

#E79DAE

#AEE79D

Split Complementary

#9DAEE7

#E7B19D

#D3E79D

Tetradic

#9DAEE7

#E79DD3

#E7D69D

#9DE7B1

Color Blindness Simulation

Original

#9DAEE7

Protanopia

#A4A5D9

Deuteranopia

#A3A2D6

Tritanopia

#9ECECC

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6D0F1
300
#9DAEE7
400
#6782DA
500
#3256CD
600
#2845A4
700
#203783
800
#192B66
900
#16224B
950
#0E162F

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026