#c28f22 hex color

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

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

● #c28f22 color description : Strong orange.

The hexadecimal color #c28f22 has RGB values of R:194, G:143, B:34 and CMYK values of C:0, M:0.26, Y:0.82, K:0.24. Its decimal value is 12750626.

Hex triplet	c28f22	`#c28f22`
RGB Decimal	194, 143, 34	`rgb(194,143,34)`
RGB Percent	76.1, 56.1, 13.3	`rgb(76.1%,56.1%,13.3%)`
CMYK	0, 26, 82, 24
HSL	40.9°, 70.2, 44.7	`hsl(40.9,70.2%,44.7%)`
HSV (or HSB)	40.9°, 82.5, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.703, 9.899, 60.281
XYZ	32.36, 31.232, 5.837
xyY	0.466, 0.45, 31.232
CIE-LCH	62.703, 61.089, 80.674
CIE-LUV	62.703, 42.287, 60.268
Hunter-Lab	55.885, 5.56, 32.927
Binary	11000010, 10001111, 00100010

#c28f22
```
#c28f22 rgb(194,143,34)
```
#2255c2
```
#2255c2 rgb(34,85,194)
```

Complementary Color

#c23f22
```
#c23f22 rgb(194,63,34)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#a5c222
```
#a5c222 rgb(165,194,34)
```

Analogous Color

#3f22c2
```
#3f22c2 rgb(63,34,194)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#22a5c2
```
#22a5c2 rgb(34,165,194)
```

Split Complementary Color

#8f22c2
```
#8f22c2 rgb(143,34,194)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#22c28f
```
#22c28f rgb(34,194,143)
```

Triadic Color

#c22255
```
#c22255 rgb(194,34,85)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#22c28f
```
#22c28f rgb(34,194,143)
```
#2255c2
```
#2255c2 rgb(34,85,194)
```

Tetradic Color

#815f17
```
#815f17 rgb(129,95,23)
```
#976f1a
```
#976f1a rgb(151,111,26)
```
#ac7f1e
```
#ac7f1e rgb(172,127,30)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#d89f26
```
#d89f26 rgb(216,159,38)
```
#dda93a
```
#dda93a rgb(221,169,58)
```
#e0b250
```
#e0b250 rgb(224,178,80)
```

Monochromatic Color

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

#c26722
```
#c26722 rgb(194,103,34)
```
#c27422
```
#c27422 rgb(194,116,34)
```
#c28222
```
#c28222 rgb(194,130,34)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#c29c22
```
#c29c22 rgb(194,156,34)
```
#c2aa22
```
#c2aa22 rgb(194,170,34)
```
#c2b722
```
#c2b722 rgb(194,183,34)
```

Similar Colors

Text with hexadecimal color #c28f22

This text has a font color of #c28f22.

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

#c28f22 background color

This paragraph has a background color of #c28f22.

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

#c28f22 border color

This element has a border color of #c28f22.

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

CSS codes

.text {color:#c28f22;}

.background {background-color:#c28f22;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1b1405
```
#1b1405 rgb(27,20,5)
```
#2c2008
```
#2c2008 rgb(44,32,8)
```
#3c2d0b
```
#3c2d0b rgb(60,45,11)
```
#4d390e
```
#4d390e rgb(77,57,14)
```
#5e4510
```
#5e4510 rgb(94,69,16)
```
#6f5113
```
#6f5113 rgb(111,81,19)
```
#7f5e16
```
#7f5e16 rgb(127,94,22)
```
#906a19
```
#906a19 rgb(144,106,25)
```
#a1761c
```
#a1761c rgb(161,118,28)
```
#b1831f
```
#b1831f rgb(177,131,31)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#d39b25
```
#d39b25 rgb(211,155,37)
```

Shade Color Variation

#dba430
```
#dba430 rgb(219,164,48)
```
#deac41
```
#deac41 rgb(222,172,65)
```
#e1b352
```
#e1b352 rgb(225,179,82)
```
#e4ba63
```
#e4ba63 rgb(228,186,99)
```
#e6c273
```
#e6c273 rgb(230,194,115)
```
#e9c984
```
#e9c984 rgb(233,201,132)
```
#ecd095
```
#ecd095 rgb(236,208,149)
```
#efd8a5
```
#efd8a5 rgb(239,216,165)
```
#f2dfb6
```
#f2dfb6 rgb(242,223,182)
```
#f5e6c7
```
#f5e6c7 rgb(245,230,199)
```
#f8eed7
```
#f8eed7 rgb(248,238,215)
```
#fbf5e8
```
#fbf5e8 rgb(251,245,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 #dc9908 is the most saturated one.

#737271
```
#737271 rgb(115,114,113)
```
#7c7668
```
#7c7668 rgb(124,118,104)
```
#85795f
```
#85795f rgb(133,121,95)
```
#8d7c57
```
#8d7c57 rgb(141,124,87)
```
#967f4e
```
#967f4e rgb(150,127,78)
```
#9f8245
```
#9f8245 rgb(159,130,69)
```
#a8853c
```
#a8853c rgb(168,133,60)
```
#b08934
```
#b08934 rgb(176,137,52)
```
#b98c2b
```
#b98c2b rgb(185,140,43)
```
#c28f22
```
#c28f22 rgb(194,143,34)
```
#cb9219
```
#cb9219 rgb(203,146,25)
```
#d49510
```
#d49510 rgb(212,149,16)
```
#dc9908
```
#dc9908 rgb(220,153,8)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9c917c Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d2f Protanopia 1% of men
#c3952d Deuteranopia 1% of men
#cb8b94 Tritanopia 0.001% of the population

Trichromacy

#b6982a Protanomaly 1% of men, 0.01% of women
#c29329 Deuteranomaly 6% of men, 0.4% of women
#c88c6b Tritanomaly 0.01% of the population

#c28f22 hex color

#c28f22 Color Information

#c28f22 Color Conversion

Color Schemes with #c28f22

Alternatives to #c28f22

#c28f22 Preview

Shades and Tints of #c28f22

Tones of #c28f22

Color Blindness Simulator