#C6522F

Color Details

HEX
#C6522F
RGB
rgb(198, 82, 47)
HSL
hsl(14, 62%, 48%)
CMYK
cmyk(0%, 59%, 76%, 22%)
Best text on this color #000000 (CR 4.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c6522f
Contrast 4.65:1 AA
White on #c6522f
Contrast 4.52:1 AA
#c6522f on Black
Contrast 4.65:1 AA
#c6522f on White
Contrast 4.52:1 AA

Tints & Shades

#d17559
#dd9782
#e8baac
#9e4226
#77311c
#4f2113

Complement & Analogous

#2fa3c6
#c69e2f
#c62f57

Triadic

#2fc652
#522fc6

Monochrome

#4f2113 #77311c #c6522f #dd9782 #e8baac #f4dcd5

Analogous

#c62f57 #d76d89 #c6522f #d1b159 #c69e2f #9e7e26

Complementary Mix

#77311c #c6522f #dd9782 #2fa3c6 #78c3da #1f6a81

Nearby Colors

#c6522e
#c65230
#c6521f
#c6523f

Embed #C6522F swatch

Embed this swatch

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

Open image

About #C6522F

#C6522F converts to RGB(198, 82, 47) and HSL(14, 62%, 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).

#C6522F FAQs

What is the RGB value of #C6522F?
RGB: 198, 82, 47. Copy as CSS: rgb(198, 82, 47)
Is #C6522F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C6522F?
Complement: #2fa3c6.
Does #C6522F have good contrast on white or black?
On white: 4.52:1 (AA (normal text)). On black: 4.65:1 (AA (normal text)).