#A3A8C4

Color Details

HEX
#A3A8C4
RGB
rgb(163, 168, 196)
HSL
hsl(231, 22%, 70%)
CMYK
cmyk(17%, 14%, 0%, 23%)
Best text on this color #000000 (CR 8.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a3a8c4
Contrast 8.96:1 AAA
White on #a3a8c4
Contrast 2.34:1 Fail
#a3a8c4 on Black
Contrast 8.96:1 AAA
#a3a8c4 on White
Contrast 2.34:1 Fail

Tints & Shades

#b5b9d0
#c8cbdc
#dadce7
#82869d
#626576
#41434e

Complement & Analogous

#c3bea2
#ada2c3
#a2b8c3

Triadic

#c3a2a7
#a7c3a2

Monochrome

#41434e #626576 #a3a8c4 #c8cbdc #dadce7 #edeef3

Analogous

#a2b8c3 #becdd5 #a3a8c4 #bdb5cf #ada2c3 #8a829c

Complementary Mix

#626576 #a3a8c4 #c8cbdc #c3bea2 #d8d5c3 #7f7c69

Nearby Colors

#a3a8c3
#a3a8c5
#a3a8b4
#a3a8d4

Embed #A3A8C4 swatch

Embed this swatch

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

Open image

About #A3A8C4

#A3A8C4 converts to RGB(163, 168, 196) and HSL(231, 22%, 70%). 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).

#A3A8C4 FAQs

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