#A1B4EA

Color Details

HEX
#A1B4EA
RGB
rgb(161, 180, 234)
HSL
hsl(224, 63%, 77%)
CMYK
cmyk(31%, 23%, 0%, 8%)
Best text on this color #000000 (CR 10.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a1b4ea
Contrast 10.23:1 AAA
White on #a1b4ea
Contrast 2.05:1 Fail
#a1b4ea on Black
Contrast 10.23:1 AAA
#a1b4ea on White
Contrast 2.05:1 Fail

Tints & Shades

#b4c3ee
#c7d2f2
#d9e1f7
#8190bb
#616c8c
#40485e

Complement & Analogous

#e9d69f
#b19fe9
#9fd8e9

Triadic

#e99fb3
#b3e99f

Monochrome

#40485e #616c8c #a1b4ea #c7d2f2 #d9e1f7 #ecf0fb

Analogous

#9fd8e9 #bce4f0 #a1b4ea #c1b2ed #b19fe9 #8e7fba

Complementary Mix

#616c8c #a1b4ea #c7d2f2 #e9d69f #f1e4c1 #978b67

Nearby Colors

#a1b4e9
#a1b4eb
#a1b4da
#a1b4fa

Embed #A1B4EA swatch

Embed this swatch

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

Open image

About #A1B4EA

#A1B4EA converts to RGB(161, 180, 234) and HSL(224, 63%, 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).

#A1B4EA FAQs

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