#CA8C20

Color Details

HEX
#CA8C20
RGB
rgb(202, 140, 32)
HSL
hsl(38, 73%, 46%)
CMYK
cmyk(0%, 31%, 84%, 21%)
Best text on this color #000000 (CR 7.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ca8c20
Contrast 7.28:1 AAA
White on #ca8c20
Contrast 2.88:1 Fail
#ca8c20 on Black
Contrast 7.28:1 AAA
#ca8c20 on White
Contrast 2.88:1 Fail

Tints & Shades

#d5a34d
#dfba79
#ead1a6
#a2701a
#795413
#51380d

Complement & Analogous

#205ecb
#b4cb20
#cb3720

Triadic

#20cb8c
#8c20cb

Monochrome

#51380d #795413 #ca8c20 #dfba79 #ead1a6 #f4e8d2

Analogous

#cb3720 #db7363 #ca8c20 #c3d54d #b4cb20 #90a21a

Complementary Mix

#795413 #ca8c20 #dfba79 #205ecb #6e96dd #153d84

Nearby Colors

#ca8c1f
#ca8c21
#ca8c10
#ca8c30

Embed #CA8C20 swatch

Embed this swatch

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

Open image

About #CA8C20

#CA8C20 converts to RGB(202, 140, 32) and HSL(38, 73%, 46%). 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).

#CA8C20 FAQs

What is the RGB value of #CA8C20?
RGB: 202, 140, 32. Copy as CSS: rgb(202, 140, 32)
Is #CA8C20 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CA8C20?
Complement: #205ecb.
Does #CA8C20 have good contrast on white or black?
On white: 2.88:1 (Fails AA). On black: 7.28:1 (AAA (normal text)).