#A8C7BD

Color Details

HEX
#A8C7BD
RGB
rgb(168, 199, 189)
HSL
hsl(161, 22%, 72%)
CMYK
cmyk(16%, 0%, 5%, 22%)
Best text on this color #000000 (CR 11.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8c7bd
Contrast 11.57:1 AAA
White on #a8c7bd
Contrast 1.82:1 Fail
#a8c7bd on Black
Contrast 11.57:1 AAA
#a8c7bd on White
Contrast 1.82:1 Fail

Tints & Shades

#b9d2ca
#cbddd7
#dce9e5
#869f97
#657771
#43504c

Complement & Analogous

#c7a8b2
#a8c2c7
#a8c7ae

Triadic

#bda8c7
#c7bda8

Monochrome

#43504c #657771 #a8c7bd #cbddd7 #dce9e5 #eef4f2

Analogous

#a8c7ae #c2d8c6 #a8c7bd #b9ced2 #a8c2c7 #869b9f

Complementary Mix

#657771 #a8c7bd #cbddd7 #c7a8b2 #dbc6cd #816d74

Nearby Colors

#a8c7bc
#a8c7be
#a8c7ad
#a8c7cd

Embed #A8C7BD swatch

Embed this swatch

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

Open image

About #A8C7BD

#A8C7BD converts to RGB(168, 199, 189) and HSL(161, 22%, 72%). 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).

#A8C7BD FAQs

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