#C3A28F

Color Details

HEX
#C3A28F
RGB
rgb(195, 162, 143)
HSL
hsl(22, 30%, 66%)
CMYK
cmyk(0%, 17%, 27%, 24%)
Best text on this color #000000 (CR 8.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3a28f
Contrast 8.89:1 AAA
White on #c3a28f
Contrast 2.36:1 Fail
#c3a28f on Black
Contrast 8.89:1 AAA
#c3a28f on White
Contrast 2.36:1 Fail

Tints & Shades

#cfb5a5
#dbc7bc
#e7dad2
#9c8272
#756156
#4e4139

Complement & Analogous

#8eafc2
#c2bb8e
#c28e95

Triadic

#8ec2a1
#a18ec2

Monochrome

#4e4139 #756156 #c3a28f #dbc7bc #e7dad2 #f3ece9

Analogous

#c28e95 #d4b0b5 #c3a28f #cec9a5 #c2bb8e #9b9672

Complementary Mix

#756156 #c3a28f #dbc7bc #8eafc2 #b6cbd7 #5c727e

Nearby Colors

#c3a28e
#c3a290
#c3a27f
#c3a29f

Embed #C3A28F swatch

Embed this swatch

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

Open image

About #C3A28F

#C3A28F converts to RGB(195, 162, 143) and HSL(22, 30%, 66%). 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).

#C3A28F FAQs

What is the RGB value of #C3A28F?
RGB: 195, 162, 143. Copy as CSS: rgb(195, 162, 143)
Is #C3A28F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C3A28F?
Complement: #8eafc2.
Does #C3A28F have good contrast on white or black?
On white: 2.36:1 (Fails AA). On black: 8.89:1 (AAA (normal text)).