#9CA8DC

Color Details

HEX
#9CA8DC
RGB
rgb(156, 168, 220)
HSL
hsl(229, 48%, 74%)
CMYK
cmyk(29%, 24%, 0%, 14%)
Best text on this color #000000 (CR 9.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9ca8dc
Contrast 9.05:1 AAA
White on #9ca8dc
Contrast 2.32:1 Fail
#9ca8dc on Black
Contrast 9.05:1 AAA
#9ca8dc on White
Contrast 2.32:1 Fail

Tints & Shades

#b0b9e3
#c4cbea
#d7dcf1
#7d86b0
#5e6584
#3e4358

Complement & Analogous

#ddd19d
#b19ddd
#9dc8dd

Triadic

#dd9da9
#a9dd9d

Monochrome

#3e4358 #5e6584 #9ca8dc #c4cbea #d7dcf1 #ebeef8

Analogous

#9dc8dd #bad9e7 #9ca8dc #c1b1e4 #b19ddd #8e7eb1

Complementary Mix

#5e6584 #9ca8dc #c4cbea #ddd19d #e9e1bf #908866

Nearby Colors

#9ca8db
#9ca8dd
#9ca8cc
#9ca8ec

Embed #9CA8DC swatch

Embed this swatch

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

Open image

About #9CA8DC

#9CA8DC converts to RGB(156, 168, 220) and HSL(229, 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).

#9CA8DC FAQs

What is the RGB value of #9CA8DC?
RGB: 156, 168, 220. Copy as CSS: rgb(156, 168, 220)
Is #9CA8DC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9CA8DC?
Complement: #ddd19d.
Does #9CA8DC have good contrast on white or black?
On white: 2.32:1 (Fails AA). On black: 9.05:1 (AAA (normal text)).