#c28a22 hex color

In a RGB color space, hex #c28a22 is composed of 76.1% red, 54.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 82.5% yellow and 23.9% black. It has a hue angle of 39 degrees, a saturation of 70.2% and a lightness of 44.7%. #c28a22 color hex could be obtained by blending #ffff44 with #851500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 54
- B 13
RGB color chart
- C 0
- M 29
- Y 82
- K 24
CMYK color chart

● #c28a22 color description : Strong orange.

The hexadecimal color #c28a22 has RGB values of R:194, G:138, B:34 and CMYK values of C:0, M:0.29, Y:0.82, K:0.24. Its decimal value is 12749346.

Hex triplet	c28a22	`#c28a22`
RGB Decimal	194, 138, 34	`rgb(194,138,34)`
RGB Percent	76.1, 54.1, 13.3	`rgb(76.1%,54.1%,13.3%)`
CMYK	0, 29, 82, 24
HSL	39°, 70.2, 44.7	`hsl(39,70.2%,44.7%)`
HSV (or HSB)	39°, 82.5, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.45, 12.64, 59.19
XYZ	31.626, 29.764, 5.593
xyY	0.472, 0.444, 29.764
CIE-LCH	61.45, 60.524, 77.946
CIE-LUV	61.45, 46.171, 58.296
Hunter-Lab	54.556, 8.003, 32.111
Binary	11000010, 10001010, 00100010

#c28a22
```
#c28a22 rgb(194,138,34)
```
#225ac2
```
#225ac2 rgb(34,90,194)
```

Complementary Color

#c23a22
```
#c23a22 rgb(194,58,34)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#aac222
```
#aac222 rgb(170,194,34)
```

Analogous Color

#3a22c2
```
#3a22c2 rgb(58,34,194)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#22aac2
```
#22aac2 rgb(34,170,194)
```

Split Complementary Color

#8a22c2
```
#8a22c2 rgb(138,34,194)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#22c28a
```
#22c28a rgb(34,194,138)
```

Triadic Color

#c2225a
```
#c2225a rgb(194,34,90)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#22c28a
```
#22c28a rgb(34,194,138)
```
#225ac2
```
#225ac2 rgb(34,90,194)
```

Tetradic Color

#815c17
```
#815c17 rgb(129,92,23)
```
#976b1a
```
#976b1a rgb(151,107,26)
```
#ac7b1e
```
#ac7b1e rgb(172,123,30)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#d89926
```
#d89926 rgb(216,153,38)
```
#dda43a
```
#dda43a rgb(221,164,58)
```
#e0ae50
```
#e0ae50 rgb(224,174,80)
```

Monochromatic Color

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

#c26222
```
#c26222 rgb(194,98,34)
```
#c26f22
```
#c26f22 rgb(194,111,34)
```
#c27d22
```
#c27d22 rgb(194,125,34)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#c29722
```
#c29722 rgb(194,151,34)
```
#c2a522
```
#c2a522 rgb(194,165,34)
```
#c2b222
```
#c2b222 rgb(194,178,34)
```

Similar Colors

Text with hexadecimal color #c28a22

This text has a font color of #c28a22.

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

#c28a22 background color

This paragraph has a background color of #c28a22.

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

#c28a22 border color

This element has a border color of #c28a22.

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

CSS codes

.text {color:#c28a22;}

.background {background-color:#c28a22;}

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

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, #0a0702 is the darkest color, while #fefcf9 is the lightest one.

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1305
```
#1b1305 rgb(27,19,5)
```
#2c1f08
```
#2c1f08 rgb(44,31,8)
```
#3c2b0b
```
#3c2b0b rgb(60,43,11)
```
#4d370e
```
#4d370e rgb(77,55,14)
```
#5e4310
```
#5e4310 rgb(94,67,16)
```
#6f4f13
```
#6f4f13 rgb(111,79,19)
```
#7f5b16
```
#7f5b16 rgb(127,91,22)
```
#906619
```
#906619 rgb(144,102,25)
```
#a1721c
```
#a1721c rgb(161,114,28)
```
#b17e1f
```
#b17e1f rgb(177,126,31)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#d39625
```
#d39625 rgb(211,150,37)
```

Shade Color Variation

#db9f30
```
#db9f30 rgb(219,159,48)
```
#dea741
```
#dea741 rgb(222,167,65)
```
#e1af52
```
#e1af52 rgb(225,175,82)
```
#e4b663
```
#e4b663 rgb(228,182,99)
```
#e6be73
```
#e6be73 rgb(230,190,115)
```
#e9c684
```
#e9c684 rgb(233,198,132)
```
#ecce95
```
#ecce95 rgb(236,206,149)
```
#efd5a5
```
#efd5a5 rgb(239,213,165)
```
#f2ddb6
```
#f2ddb6 rgb(242,221,182)
```
#f5e5c7
```
#f5e5c7 rgb(245,229,199)
```
#f8edd7
```
#f8edd7 rgb(248,237,215)
```
#fbf4e8
```
#fbf4e8 rgb(251,244,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#737271
```
#737271 rgb(115,114,113)
```
#7c7568
```
#7c7568 rgb(124,117,104)
```
#85785f
```
#85785f rgb(133,120,95)
```
#8d7a57
```
#8d7a57 rgb(141,122,87)
```
#967d4e
```
#967d4e rgb(150,125,78)
```
#9f7f45
```
#9f7f45 rgb(159,127,69)
```
#a8823c
```
#a8823c rgb(168,130,60)
```
#b08534
```
#b08534 rgb(176,133,52)
```
#b9872b
```
#b9872b rgb(185,135,43)
```
#c28a22
```
#c28a22 rgb(194,138,34)
```
#cb8d19
```
#cb8d19 rgb(203,141,25)
```
#d48f10
```
#d48f10 rgb(212,143,16)
```
#dc9208
```
#dc9208 rgb(220,146,8)
```

Tone Color Variation

Below, you can see how #c28a22 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

#8f8f8f Achromatopsia 0.005% of the population
#998e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9a30 Protanopia 1% of men
#bf922c Deuteranopia 1% of men
#cb8790 Tritanopia 0.001% of the population

Trichromacy

#b3942a Protanomaly 1% of men, 0.01% of women
#c08f28 Deuteranomaly 6% of men, 0.4% of women
#c88868 Tritanomaly 0.01% of the population

#c28a22 hex color

#c28a22 Color Information

#c28a22 Color Conversion

Color Schemes with #c28a22

Alternatives to #c28a22

#c28a22 Preview

Shades and Tints of #c28a22

Tones of #c28a22

Color Blindness Simulator