#c5821f hex color

In a RGB color space, hex #c5821f is composed of 77.3% red, 51% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 35.8 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5821f color hex could be obtained by blending #ffff3e with #8b0500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 51
- B 12
RGB color chart
- C 0
- M 34
- Y 84
- K 23
CMYK color chart

● #c5821f color description : Strong orange.

The hexadecimal color #c5821f has RGB values of R:197, G:130, B:31 and CMYK values of C:0, M:0.34, Y:0.84, K:0.23. Its decimal value is 12943903.

Hex triplet	c5821f	`#c5821f`
RGB Decimal	197, 130, 31	`rgb(197,130,31)`
RGB Percent	77.3, 51, 12.2	`rgb(77.3%,51%,12.2%)`
CMYK	0, 34, 84, 23
HSL	35.8°, 72.8, 44.7	`hsl(35.8,72.8%,44.7%)`
HSV (or HSB)	35.8°, 84.3, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.831, 18.261, 58.922
XYZ	31.257, 27.937, 5.042
xyY	0.487, 0.435, 27.937
CIE-LCH	59.831, 61.687, 72.78
CIE-LUV	59.831, 55.057, 55.901
Hunter-Lab	52.855, 13.062, 31.342
Binary	11000101, 10000010, 00011111

#c5821f
```
#c5821f rgb(197,130,31)
```
#1f62c5
```
#1f62c5 rgb(31,98,197)
```

Complementary Color

#c52f1f
```
#c52f1f rgb(197,47,31)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#b5c51f
```
#b5c51f rgb(181,197,31)
```

Analogous Color

#2f1fc5
```
#2f1fc5 rgb(47,31,197)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#1fb5c5
```
#1fb5c5 rgb(31,181,197)
```

Split Complementary Color

#821fc5
```
#821fc5 rgb(130,31,197)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#1fc582
```
#1fc582 rgb(31,197,130)
```

Triadic Color

#c51f62
```
#c51f62 rgb(197,31,98)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#1fc582
```
#1fc582 rgb(31,197,130)
```
#1f62c5
```
#1f62c5 rgb(31,98,197)
```

Tetradic Color

#835615
```
#835615 rgb(131,86,21)
```
#996518
```
#996518 rgb(153,101,24)
```
#af731c
```
#af731c rgb(175,115,28)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#db9122
```
#db9122 rgb(219,145,34)
```
#e09c37
```
#e09c37 rgb(224,156,55)
```
#e3a74d
```
#e3a74d rgb(227,167,77)
```

Monochromatic Color

Below, you can see some colors close to #c5821f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c5581f
```
#c5581f rgb(197,88,31)
```
#c5661f
```
#c5661f rgb(197,102,31)
```
#c5741f
```
#c5741f rgb(197,116,31)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#c5901f
```
#c5901f rgb(197,144,31)
```
#c59e1f
```
#c59e1f rgb(197,158,31)
```
#c5ac1f
```
#c5ac1f rgb(197,172,31)
```

Similar Colors

Text with hexadecimal color #c5821f

This text has a font color of #c5821f.

<span style="color:#c5821f;">Text here</span>

#c5821f background color

This paragraph has a background color of #c5821f.

<p style="background-color:#c5821f;">Content here</p>

#c5821f border color

This element has a border color of #c5821f.

<div style="border:1px solid #c5821f;">Content here</div>

CSS codes

.text {color:#c5821f;}

.background {background-color:#c5821f;}

.border {border:1px solid #c5821f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0b0702 is the darkest color, while #fefcf9 is the lightest one.

#0b0702
```
#0b0702 rgb(11,7,2)
```
#1c1204
```
#1c1204 rgb(28,18,4)
```
#2c1d07
```
#2c1d07 rgb(44,29,7)
```
#3d290a
```
#3d290a rgb(61,41,10)
```
#4e340c
```
#4e340c rgb(78,52,12)
```
#5f3f0f
```
#5f3f0f rgb(95,63,15)
```
#704a12
```
#704a12 rgb(112,74,18)
```
#815514
```
#815514 rgb(129,85,20)
```
#926017
```
#926017 rgb(146,96,23)
```
#a36c1a
```
#a36c1a rgb(163,108,26)
```
#b4771c
```
#b4771c rgb(180,119,28)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#d68d22
```
#d68d22 rgb(214,141,34)
```

Shade Color Variation

#de972d
```
#de972d rgb(222,151,45)
```
#e19f3e
```
#e19f3e rgb(225,159,62)
```
#e3a84f
```
#e3a84f rgb(227,168,79)
```
#e6b060
```
#e6b060 rgb(230,176,96)
```
#e9b871
```
#e9b871 rgb(233,184,113)
```
#ebc182
```
#ebc182 rgb(235,193,130)
```
#eec993
```
#eec993 rgb(238,201,147)
```
#f1d2a4
```
#f1d2a4 rgb(241,210,164)
```
#f3dab5
```
#f3dab5 rgb(243,218,181)
```
#f6e3c6
```
#f6e3c6 rgb(246,227,198)
```
#f9ebd7
```
#f9ebd7 rgb(249,235,215)
```
#fbf3e8
```
#fbf3e8 rgb(251,243,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76736e is the less saturated color, while #df8705 is the most saturated one.

#76736e
```
#76736e rgb(118,115,110)
```
#7f7465
```
#7f7465 rgb(127,116,101)
```
#88765c
```
#88765c rgb(136,118,92)
```
#907854
```
#907854 rgb(144,120,84)
```
#997a4b
```
#997a4b rgb(153,122,75)
```
#a27b42
```
#a27b42 rgb(162,123,66)
```
#ab7d39
```
#ab7d39 rgb(171,125,57)
```
#b37f31
```
#b37f31 rgb(179,127,49)
```
#bc8028
```
#bc8028 rgb(188,128,40)
```
#c5821f
```
#c5821f rgb(197,130,31)
```
#ce8416
```
#ce8416 rgb(206,132,22)
```
#d7850d
```
#d7850d rgb(215,133,13)
```
#df8705
```
#df8705 rgb(223,135,5)
```

Tone Color Variation

Below, you can see how #c5821f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8b8b8b Achromatopsia 0.005% of the population
#978975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7962e Protanopia 1% of men
#ba8e27 Deuteranopia 1% of men
#cd7f88 Tritanopia 0.001% of the population

Trichromacy

#b28e28 Protanomaly 1% of men, 0.01% of women
#be8a24 Deuteranomaly 6% of men, 0.4% of women
#ca8062 Tritanomaly 0.01% of the population

#c5821f hex color

#c5821f Color Information

#c5821f Color Conversion

Color Schemes with #c5821f

Alternatives to #c5821f

#c5821f Preview

Shades and Tints of #c5821f

Tones of #c5821f

Color Blindness Simulator