#9DA0EB

#9DA0EB

Color Values

HEX

#9DA0EB

RGB

157, 160, 235

HSL

237.7, 66.1%, 76.9%

HSV

237.7, 33.2%, 92.2%

CMYK

33.2%, 31.9%, 0.0%, 7.8%

OKLCH

0.7323 0.1082 281.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9DA0EB

#EBE89D

Analogous

#9DC7EB

#C19DEB

#9DA0EB

Triadic

#9DA0EB

#EB9DA0

#A0EB9D

Split Complementary

#9DA0EB

#EBC19D

#C7EB9D

Tetradic

#9DA0EB

#EB9DC7

#EBE89D

#9DEBC1

Color Blindness Simulation

Original

#9DA0EB

Protanopia

#9E9ED9

Deuteranopia

#9E9ED4

Tritanopia

#9DCBC7

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C6F3
300
#999CEA
400
#6267DF
500
#2B32D4
600
#2328A9
700
#1C2088
800
#16196A
900
#14164D
950
#0C0E31

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026