#c28224 hex color

In a RGB color space, hex #c28224 is composed of 76.1% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33% magenta, 81.4% yellow and 23.9% black. It has a hue angle of 35.7 degrees, a saturation of 68.7% and a lightness of 45.1%. #c28224 color hex could be obtained by blending #ffff48 with #850500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 51
- B 14
RGB color chart
- C 0
- M 33
- Y 81
- K 24
CMYK color chart

● #c28224 color description : Strong orange.

The hexadecimal color #c28224 has RGB values of R:194, G:130, B:36 and CMYK values of C:0, M:0.33, Y:0.81, K:0.24. Its decimal value is 12747300.

Hex triplet	c28224	`#c28224`
RGB Decimal	194, 130, 36	`rgb(194,130,36)`
RGB Percent	76.1, 51, 14.1	`rgb(76.1%,51%,14.1%)`
CMYK	0, 33, 81, 24
HSL	35.7°, 68.7, 45.1	`hsl(35.7,68.7%,45.1%)`
HSV (or HSB)	35.7°, 81.4, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.493, 17.1, 56.768
XYZ	30.55, 27.564, 5.38
xyY	0.481, 0.434, 27.564
CIE-LCH	59.493, 59.288, 73.236
CIE-LUV	59.493, 52.379, 54.743
Hunter-Lab	52.501, 11.989, 30.675
Binary	11000010, 10000010, 00100100

#c28224
```
#c28224 rgb(194,130,36)
```
#2464c2
```
#2464c2 rgb(36,100,194)
```

Complementary Color

#c23324
```
#c23324 rgb(194,51,36)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#b3c224
```
#b3c224 rgb(179,194,36)
```

Analogous Color

#3324c2
```
#3324c2 rgb(51,36,194)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#24b3c2
```
#24b3c2 rgb(36,179,194)
```

Split Complementary Color

#8224c2
```
#8224c2 rgb(130,36,194)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#24c282
```
#24c282 rgb(36,194,130)
```

Triadic Color

#c22464
```
#c22464 rgb(194,36,100)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#24c282
```
#24c282 rgb(36,194,130)
```
#2464c2
```
#2464c2 rgb(36,100,194)
```

Tetradic Color

#815718
```
#815718 rgb(129,87,24)
```
#97651c
```
#97651c rgb(151,101,28)
```
#ac7420
```
#ac7420 rgb(172,116,32)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#d79028
```
#d79028 rgb(215,144,40)
```
#db9b3e
```
#db9b3e rgb(219,155,62)
```
#dfa753
```
#dfa753 rgb(223,167,83)
```

Monochromatic Color

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

#c25b24
```
#c25b24 rgb(194,91,36)
```
#c26824
```
#c26824 rgb(194,104,36)
```
#c27524
```
#c27524 rgb(194,117,36)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#c28f24
```
#c28f24 rgb(194,143,36)
```
#c29c24
```
#c29c24 rgb(194,156,36)
```
#c2aa24
```
#c2aa24 rgb(194,170,36)
```

Similar Colors

Text with hexadecimal color #c28224

This text has a font color of #c28224.

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

#c28224 background color

This paragraph has a background color of #c28224.

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

#c28224 border color

This element has a border color of #c28224.

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

CSS codes

.text {color:#c28224;}

.background {background-color:#c28224;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1d1305
```
#1d1305 rgb(29,19,5)
```
#2d1e08
```
#2d1e08 rgb(45,30,8)
```
#3e290b
```
#3e290b rgb(62,41,11)
```
#4e340f
```
#4e340f rgb(78,52,15)
```
#5f3f12
```
#5f3f12 rgb(95,63,18)
```
#6f4b15
```
#6f4b15 rgb(111,75,21)
```
#805618
```
#805618 rgb(128,86,24)
```
#90611b
```
#90611b rgb(144,97,27)
```
#a16c1e
```
#a16c1e rgb(161,108,30)
```
#b17721
```
#b17721 rgb(177,119,33)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#d38d27
```
#d38d27 rgb(211,141,39)
```

Shade Color Variation

#d99634
```
#d99634 rgb(217,150,52)
```
#dc9f44
```
#dc9f44 rgb(220,159,68)
```
#dfa755
```
#dfa755 rgb(223,167,85)
```
#e3b066
```
#e3b066 rgb(227,176,102)
```
#e6b876
```
#e6b876 rgb(230,184,118)
```
#e9c187
```
#e9c187 rgb(233,193,135)
```
#ecc997
```
#ecc997 rgb(236,201,151)
```
#efd2a8
```
#efd2a8 rgb(239,210,168)
```
#f2dbb8
```
#f2dbb8 rgb(242,219,184)
```
#f5e3c9
```
#f5e3c9 rgb(245,227,201)
```
#f8ecd9
```
#f8ecd9 rgb(248,236,217)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7b756b
```
#7b756b rgb(123,117,107)
```
#847662
```
#847662 rgb(132,118,98)
```
#8d7859
```
#8d7859 rgb(141,120,89)
```
#967a50
```
#967a50 rgb(150,122,80)
```
#9f7b47
```
#9f7b47 rgb(159,123,71)
```
#a77d3f
```
#a77d3f rgb(167,125,63)
```
#b07f36
```
#b07f36 rgb(176,127,54)
```
#b9802d
```
#b9802d rgb(185,128,45)
```
#c28224
```
#c28224 rgb(194,130,36)
```
#cb841b
```
#cb841b rgb(203,132,27)
```
#d48512
```
#d48512 rgb(212,133,18)
```
#dd8709
```
#dd8709 rgb(221,135,9)
```
#e58901
```
#e58901 rgb(229,137,1)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#958876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69532 Protanopia 1% of men
#b98e2c Deuteranopia 1% of men
#ca8088 Tritanopia 0.001% of the population

Trichromacy

#b08e2d Protanomaly 1% of men, 0.01% of women
#bc8929 Deuteranomaly 6% of men, 0.4% of women
#c78064 Tritanomaly 0.01% of the population

#c28224 hex color

#c28224 Color Information

#c28224 Color Conversion

Color Schemes with #c28224

Alternatives to #c28224

#c28224 Preview

Shades and Tints of #c28224

Tones of #c28224

Color Blindness Simulator