#A1A8E9

Color Details

HEX
#A1A8E9
RGB
rgb(161, 168, 233)
HSL
hsl(234, 62%, 77%)
CMYK
cmyk(31%, 28%, 0%, 9%)
Best text on this color #000000 (CR 9.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a1a8e9
Contrast 9.29:1 AAA
White on #a1a8e9
Contrast 2.26:1 Fail
#a1a8e9 on Black
Contrast 9.29:1 AAA
#a1a8e9 on White
Contrast 2.26:1 Fail

Tints & Shades

#b4b9ed
#c7cbf2
#d9dcf6
#8186ba
#61658c
#40435d

Complement & Analogous

#e9e1a0
#bda0e9
#a0cce9

Triadic

#e9a0a7
#a7e9a0

Monochrome

#40435d #61658c #a1a8e9 #c7cbf2 #d9dcf6 #eceefb

Analogous

#a0cce9 #bddbf0 #a1a8e9 #cab3ed #bda0e9 #9780ba

Complementary Mix

#61658c #a1a8e9 #c7cbf2 #e9e1a0 #f1ecc1 #979268

Nearby Colors

#a1a8e8
#a1a8ea
#a1a8d9
#a1a8f9

Embed #A1A8E9 swatch

Embed this swatch

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

Open image

About #A1A8E9

#A1A8E9 converts to RGB(161, 168, 233) and HSL(234, 62%, 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).

#A1A8E9 FAQs

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