#A8B0C3

Color Details

HEX
#A8B0C3
RGB
rgb(168, 176, 195)
HSL
hsl(222, 18%, 71%)
CMYK
cmyk(14%, 10%, 0%, 24%)
Best text on this color #000000 (CR 9.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8b0c3
Contrast 9.66:1 AAA
White on #a8b0c3
Contrast 2.17:1 Fail
#a8b0c3 on Black
Contrast 9.66:1 AAA
#a8b0c3 on White
Contrast 2.17:1 Fail

Tints & Shades

#b9c0cf
#cbd0db
#dcdfe7
#868d9c
#656a75
#43464e

Complement & Analogous

#c2baa8
#aba5c5
#a5bfc5

Triadic

#c2a8b0
#b0c2a8

Monochrome

#43464e #656a75 #a8b0c3 #cbd0db #dcdfe7 #eeeff3

Analogous

#a5bfc5 #c0d2d6 #a8b0c3 #bcb7d1 #aba5c5 #89849e

Complementary Mix

#656a75 #a8b0c3 #cbd0db #c2baa8 #d7d2c6 #7e796d

Nearby Colors

#a8b0c2
#a8b0c4
#a8b0b3
#a8b0d3

Embed #A8B0C3 swatch

Embed this swatch

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

Open image

About #A8B0C3

#A8B0C3 converts to RGB(168, 176, 195) and HSL(222, 18%, 71%). 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).

#A8B0C3 FAQs

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