#CACB8F

Color Details

HEX
#CACB8F
RGB
rgb(202, 203, 143)
HSL
hsl(61, 37%, 68%)
CMYK
cmyk(0%, 0%, 30%, 20%)
Best text on this color #000000 (CR 12.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cacb8f
Contrast 12.45:1 AAA
White on #cacb8f
Contrast 1.69:1 Fail
#cacb8f on Black
Contrast 12.45:1 AAA
#cacb8f on White
Contrast 1.69:1 Fail

Tints & Shades

#d5d5a5
#dfe0bc
#eaead2
#a2a272
#797a56
#515139

Complement & Analogous

#908fcc
#accc8f
#ccae8f

Triadic

#8fcbcc
#cc8fcb

Monochrome

#515139 #797a56 #cacb8f #dfe0bc #eaead2 #f4f5e9

Analogous

#ccae8f #dbc6b1 #cacb8f #bdd6a5 #accc8f #8aa372

Complementary Mix

#797a56 #cacb8f #dfe0bc #908fcc #b7b6de #5e5d85

Nearby Colors

#cacb8e
#cacb90
#cacb7f
#cacb9f

Embed #CACB8F swatch

Embed this swatch

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

Open image

About #CACB8F

#CACB8F converts to RGB(202, 203, 143) and HSL(61, 37%, 68%). 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).

#CACB8F FAQs

What is the RGB value of #CACB8F?
RGB: 202, 203, 143. Copy as CSS: rgb(202, 203, 143)
Is #CACB8F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CACB8F?
Complement: #908fcc.
Does #CACB8F have good contrast on white or black?
On white: 1.69:1 (Fails AA). On black: 12.45:1 (AAA (normal text)).