#9DA1D7

#9DA1D7

Color Values

HEX

#9DA1D7

RGB

157, 161, 215

HSL

235.9, 42.0%, 72.9%

HSV

235.9, 27.0%, 84.3%

CMYK

27.0%, 25.1%, 0.0%, 15.7%

OKLCH

0.7254 0.0783 281.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9DA1D7

#D7D39D

Analogous

#9DBED7

#B69DD7

#9DA1D7

Triadic

#9DA1D7

#D79DA1

#A1D79D

Split Complementary

#9DA1D7

#D7B69D

#BED79D

Tetradic

#9DA1D7

#D79DBE

#D7D39D

#9DD7B6

Color Blindness Simulation

Original

#9DA1D7

Protanopia

#9F9FCA

Deuteranopia

#9E9EC7

Tritanopia

#9DC0BD

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCEEA
300
#A8ACDC
400
#797EC8
500
#4A51B5
600
#3B4191
700
#2F3474
800
#25295B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026