#A4A8CC

Color Details

HEX
#A4A8CC
RGB
rgb(164, 168, 204)
HSL
hsl(234, 28%, 72%)
CMYK
cmyk(20%, 18%, 0%, 20%)
Best text on this color #000000 (CR 9.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a4a8cc
Contrast 9.05:1 AAA
White on #a4a8cc
Contrast 2.32:1 Fail
#a4a8cc on Black
Contrast 9.05:1 AAA
#a4a8cc on White
Contrast 2.32:1 Fail

Tints & Shades

#b6b9d6
#c8cbe0
#dbdceb
#8386a3
#62657a
#424352

Complement & Analogous

#ccc8a4
#b4a4cc
#a4bccc

Triadic

#cca4a8
#a8cca4

Monochrome

#424352 #62657a #a4a8cc #c8cbe0 #dbdceb #edeef5

Analogous

#a4bccc #bfd0db #a4a8cc #c3b6d6 #b4a4cc #9083a3

Complementary Mix

#62657a #a4a8cc #c8cbe0 #ccc8a4 #dedbc4 #85826b

Nearby Colors

#a4a8cb
#a4a8cd
#a4a8bc
#a4a8dc

Embed #A4A8CC swatch

Embed this swatch

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

Open image

About #A4A8CC

#A4A8CC converts to RGB(164, 168, 204) and HSL(234, 28%, 72%). 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).

#A4A8CC FAQs

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