#CA942C

Color Details

HEX
#CA942C
RGB
rgb(202, 148, 44)
HSL
hsl(39, 64%, 48%)
CMYK
cmyk(0%, 27%, 78%, 21%)
Best text on this color #000000 (CR 7.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ca942c
Contrast 7.78:1 AAA
White on #ca942c
Contrast 2.70:1 Fail
#ca942c on Black
Contrast 7.78:1 AAA
#ca942c on White
Contrast 2.70:1 Fail

Tints & Shades

#d5a956
#dfbf80
#ead4ab
#a27623
#79591a
#513b12

Complement & Analogous

#2c63c9
#b1c92c
#c9442c

Triadic

#2cc992
#922cc9

Monochrome

#513b12 #79591a #ca942c #dfbf80 #ead4ab #f4ead5

Analogous

#c9442c #d97c6b #ca942c #c1d456 #b1c92c #8ea123

Complementary Mix

#79591a #ca942c #dfbf80 #2c63c9 #769adc #1d4083

Nearby Colors

#ca942b
#ca942d
#ca941c
#ca943c

Embed #CA942C swatch

Embed this swatch

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

Open image

About #CA942C

#CA942C converts to RGB(202, 148, 44) and HSL(39, 64%, 48%). 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).

#CA942C FAQs

What is the RGB value of #CA942C?
RGB: 202, 148, 44. Copy as CSS: rgb(202, 148, 44)
Is #CA942C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CA942C?
Complement: #2c63c9.
Does #CA942C have good contrast on white or black?
On white: 2.70:1 (Fails AA). On black: 7.78:1 (AAA (normal text)).