#ACB0DD

Color Details

HEX
#ACB0DD
RGB
rgb(172, 176, 221)
HSL
hsl(235, 42%, 77%)
CMYK
cmyk(22%, 20%, 0%, 13%)
Best text on this color #000000 (CR 10.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #acb0dd
Contrast 10.01:1 AAA
White on #acb0dd
Contrast 2.10:1 Fail
#acb0dd on Black
Contrast 10.01:1 AAA
#acb0dd on White
Contrast 2.10:1 Fail

Tints & Shades

#bdc0e4
#cdd0eb
#dedff1
#8a8db1
#676a85
#454658

Complement & Analogous

#ddd9ac
#c0acdd
#acc8dd

Triadic

#ddacb0
#b0ddac

Monochrome

#454658 #676a85 #acb0dd #cdd0eb #dedff1 #eeeff8

Analogous

#acc8dd #c5d9e7 #acb0dd #cdbde4 #c0acdd #9a8ab1

Complementary Mix

#676a85 #acb0dd #cdd0eb #ddd9ac #e9e6c9 #908d70

Nearby Colors

#acb0dc
#acb0de
#acb0cd
#acb0ed

Embed #ACB0DD swatch

Embed this swatch

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

Open image

About #ACB0DD

#ACB0DD converts to RGB(172, 176, 221) and HSL(235, 42%, 77%). 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).

#ACB0DD FAQs

What is the RGB value of #ACB0DD?
RGB: 172, 176, 221. Copy as CSS: rgb(172, 176, 221)
Is #ACB0DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ACB0DD?
Complement: #ddd9ac.
Does #ACB0DD have good contrast on white or black?
On white: 2.10:1 (Fails AA). On black: 10.01:1 (AAA (normal text)).