#9DA4DD

Color Details

HEX
#9DA4DD
RGB
rgb(157, 164, 221)
HSL
hsl(233, 48%, 74%)
CMYK
cmyk(29%, 26%, 0%, 13%)
Best text on this color #000000 (CR 8.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9da4dd
Contrast 8.79:1 AAA
White on #9da4dd
Contrast 2.39:1 Fail
#9da4dd on Black
Contrast 8.79:1 AAA
#9da4dd on White
Contrast 2.39:1 Fail

Tints & Shades

#b1b6e4
#c4c8eb
#d8dbf1
#7e83b1
#5e6285
#3f4258

Complement & Analogous

#ddd59d
#b59ddd
#9dc4dd

Triadic

#dd9da4
#a4dd9d

Monochrome

#3f4258 #5e6285 #9da4dd #c4c8eb #d8dbf1 #ebedf8

Analogous

#9dc4dd #bad6e7 #9da4dd #c4b1e4 #b59ddd #917eb1

Complementary Mix

#5e6285 #9da4dd #c4c8eb #ddd59d #e9e4bf #908a66

Nearby Colors

#9da4dc
#9da4de
#9da4cd
#9da4ed

Embed #9DA4DD swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #9DA4DD

#9DA4DD converts to RGB(157, 164, 221) and HSL(233, 48%, 74%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#9DA4DD FAQs

What is the RGB value of #9DA4DD?
RGB: 157, 164, 221. Copy as CSS: rgb(157, 164, 221)
Is #9DA4DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9DA4DD?
Complement: #ddd59d.
Does #9DA4DD have good contrast on white or black?
On white: 2.39:1 (Fails AA). On black: 8.79:1 (AAA (normal text)).