#C3822C

Color Details

HEX
#C3822C
RGB
rgb(195, 130, 44)
HSL
hsl(34, 63%, 47%)
CMYK
cmyk(0%, 33%, 77%, 24%)
Best text on this color #000000 (CR 6.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3822c
Contrast 6.55:1 AA
White on #c3822c
Contrast 3.21:1 Fail
#c3822c on Black
Contrast 6.55:1 AA
#c3822c on White
Contrast 3.21:1 Fail

Tints & Shades

#cf9b56
#dbb480
#e7cdab
#9c6823
#754e1a
#4e3412

Complement & Analogous

#2c6ec3
#b9c32c
#c3362c

Triadic

#2cc382
#822cc3

Monochrome

#4e3412 #754e1a #c3822c #dbb480 #e7cdab #f3e6d5

Analogous

#c3362c #d5726b #c3822c #c7cf56 #b9c32c #949c23

Complementary Mix

#754e1a #c3822c #dbb480 #2c6ec3 #76a1d8 #1d487f

Nearby Colors

#c3822b
#c3822d
#c3821c
#c3823c

Embed #C3822C swatch

Embed this swatch

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

Open image

About #C3822C

#C3822C converts to RGB(195, 130, 44) and HSL(34, 63%, 47%). 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).

#C3822C FAQs

What is the RGB value of #C3822C?
RGB: 195, 130, 44. Copy as CSS: rgb(195, 130, 44)
Is #C3822C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C3822C?
Complement: #2c6ec3.
Does #C3822C have good contrast on white or black?
On white: 3.21:1 (AA (large text)). On black: 6.55:1 (AA (normal text)).