#CCB49E

Color Details

HEX
#CCB49E
RGB
rgb(204, 180, 158)
HSL
hsl(29, 31%, 71%)
CMYK
cmyk(0%, 12%, 23%, 20%)
Best text on this color #000000 (CR 10.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccb49e
Contrast 10.59:1 AAA
White on #ccb49e
Contrast 1.98:1 Fail
#ccb49e on Black
Contrast 10.59:1 AAA
#ccb49e on White
Contrast 1.98:1 Fail

Tints & Shades

#d6c3b1
#e0d2c5
#ebe1d8
#a3907e
#7a6c5f
#52483f

Complement & Analogous

#9eb6cc
#cccb9e
#cc9e9f

Triadic

#9eccb4
#b49ecc

Monochrome

#52483f #7a6c5f #ccb49e #e0d2c5 #ebe1d8 #f5f0ec

Analogous

#cc9e9f #dbbbbc #ccb49e #d6d5b1 #cccb9e #a3a27e

Complementary Mix

#7a6c5f #ccb49e #e0d2c5 #9eb6cc #c0d0de #677685

Nearby Colors

#ccb49d
#ccb49f
#ccb48e
#ccb4ae

Embed #CCB49E swatch

Embed this swatch

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

Open image

About #CCB49E

#CCB49E converts to RGB(204, 180, 158) and HSL(29, 31%, 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).

#CCB49E FAQs

What is the RGB value of #CCB49E?
RGB: 204, 180, 158. Copy as CSS: rgb(204, 180, 158)
Is #CCB49E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCB49E?
Complement: #9eb6cc.
Does #CCB49E have good contrast on white or black?
On white: 1.98:1 (Fails AA). On black: 10.59:1 (AAA (normal text)).