#A8BCA2

Color Details

HEX
#A8BCA2
RGB
rgb(168, 188, 162)
HSL
hsl(106, 16%, 69%)
CMYK
cmyk(11%, 0%, 14%, 26%)
Best text on this color #000000 (CR 10.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8bca2
Contrast 10.38:1 AAA
White on #a8bca2
Contrast 2.02:1 Fail
#a8bca2 on Black
Contrast 10.38:1 AAA
#a8bca2 on White
Contrast 2.02:1 Fail

Tints & Shades

#b9c9b5
#cbd7c7
#dce4da
#869682
#657161
#434b41

Complement & Analogous

#b7a3bd
#9fc1a8
#b8c19f

Triadic

#a3a9bd
#bda3a9

Monochrome

#434b41 #657161 #a8bca2 #cbd7c7 #dce4da #eef2ec

Analogous

#b8c19f #cdd4bc #a8bca2 #b2cdb9 #9fc1a8 #7f9a86

Complementary Mix

#657161 #a8bca2 #cbd7c7 #b7a3bd #d0c3d4 #776a7b

Nearby Colors

#a8bca1
#a8bca3
#a8bc92
#a8bcb2

Embed #A8BCA2 swatch

Embed this swatch

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

Open image

About #A8BCA2

#A8BCA2 converts to RGB(168, 188, 162) and HSL(106, 16%, 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).

#A8BCA2 FAQs

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