#C5AA8F

Color Details

HEX
#C5AA8F
RGB
rgb(197, 170, 143)
HSL
hsl(30, 32%, 67%)
CMYK
cmyk(0%, 14%, 27%, 23%)
Best text on this color #000000 (CR 9.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5aa8f
Contrast 9.52:1 AAA
White on #c5aa8f
Contrast 2.21:1 Fail
#c5aa8f on Black
Contrast 9.52:1 AAA
#c5aa8f on White
Contrast 2.21:1 Fail

Tints & Shades

#d1bba5
#dcccbc
#e8ddd2
#9e8872
#766656
#4f4439

Complement & Analogous

#90abc6
#c6c690
#c69090

Triadic

#90c6ab
#ab90c6

Monochrome

#4f4439 #766656 #c5aa8f #dcccbc #e8ddd2 #f3eee9

Analogous

#c69090 #d7b1b1 #c5aa8f #d1d1a6 #c6c690 #9e9e73

Complementary Mix

#766656 #c5aa8f #dcccbc #90abc6 #b7c8da #5e6f81

Nearby Colors

#c5aa8e
#c5aa90
#c5aa7f
#c5aa9f

Embed #C5AA8F swatch

Embed this swatch

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

Open image

About #C5AA8F

#C5AA8F converts to RGB(197, 170, 143) and HSL(30, 32%, 67%). 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).

#C5AA8F FAQs

What is the RGB value of #C5AA8F?
RGB: 197, 170, 143. Copy as CSS: rgb(197, 170, 143)
Is #C5AA8F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5AA8F?
Complement: #90abc6.
Does #C5AA8F have good contrast on white or black?
On white: 2.21:1 (Fails AA). On black: 9.52:1 (AAA (normal text)).