#A4B4BE

Color Details

HEX
#A4B4BE
RGB
rgb(164, 180, 190)
HSL
hsl(203, 17%, 69%)
CMYK
cmyk(14%, 5%, 0%, 25%)
Best text on this color #000000 (CR 9.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a4b4be
Contrast 9.85:1 AAA
White on #a4b4be
Contrast 2.13:1 Fail
#a4b4be on Black
Contrast 9.85:1 AAA
#a4b4be on White
Contrast 2.13:1 Fail

Tints & Shades

#b6c3cb
#c8d2d8
#dbe1e5
#839098
#626c72
#42484c

Complement & Analogous

#bdada3
#9fa3c1
#9fc1bd

Triadic

#bda3b3
#b3bda3

Monochrome

#42484c #626c72 #a4b4be #c8d2d8 #dbe1e5 #edf0f2

Analogous

#9fc1bd #bcd4d1 #a4b4be #b2b5cd #9fa3c1 #7f829a

Complementary Mix

#626c72 #a4b4be #c8d2d8 #bdada3 #d4cac3 #7b706a

Nearby Colors

#a4b4bd
#a4b4bf
#a4b4ae
#a4b4ce

Embed #A4B4BE swatch

Embed this swatch

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

Open image

About #A4B4BE

#A4B4BE converts to RGB(164, 180, 190) and HSL(203, 17%, 69%). 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).

#A4B4BE FAQs

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