#c45228 hex color

In a RGB color space, hex #c45228 is composed of 76.9% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.2% magenta, 79.6% yellow and 23.1% black. It has a hue angle of 16.2 degrees, a saturation of 66.1% and a lightness of 46.3%. #c45228 color hex could be obtained by blending #ffa450 with #890000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 32
- B 16
RGB color chart
- C 0
- M 58
- Y 80
- K 23
CMYK color chart

● #c45228 color description : Strong orange.

The hexadecimal color #c45228 has RGB values of R:196, G:82, B:40 and CMYK values of C:0, M:0.58, Y:0.8, K:0.23. Its decimal value is 12866088.

Hex triplet	c45228	`#c45228`
RGB Decimal	196, 82, 40	`rgb(196,82,40)`
RGB Percent	76.9, 32.2, 15.7	`rgb(76.9%,32.2%,15.7%)`
CMYK	0, 58, 80, 23
HSL	16.2°, 66.1, 46.3	`hsl(16.2,66.1%,46.3%)`
HSV (or HSB)	16.2°, 79.6, 76.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.407, 43.341, 45.791
XYZ	26.166, 17.926, 4.09
xyY	0.543, 0.372, 17.926
CIE-LCH	49.407, 63.05, 46.575
CIE-LUV	49.407, 91.67, 36.37
Hunter-Lab	42.339, 36.221, 23.911
Binary	11000100, 01010010, 00101000

#c45228
```
#c45228 rgb(196,82,40)
```
#289ac4
```
#289ac4 rgb(40,154,196)
```

Complementary Color

#c4284c
```
#c4284c rgb(196,40,76)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#c4a028
```
#c4a028 rgb(196,160,40)
```

Analogous Color

#284cc4
```
#284cc4 rgb(40,76,196)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#28c4a0
```
#28c4a0 rgb(40,196,160)
```

Split Complementary Color

#5228c4
```
#5228c4 rgb(82,40,196)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#28c452
```
#28c452 rgb(40,196,82)
```

Triadic Color

#c4289a
```
#c4289a rgb(196,40,154)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#28c452
```
#28c452 rgb(40,196,82)
```
#289ac4
```
#289ac4 rgb(40,154,196)
```

Tetradic Color

#84371b
```
#84371b rgb(132,55,27)
```
#9a401f
```
#9a401f rgb(154,64,31)
```
#af4924
```
#af4924 rgb(175,73,36)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#d55d31
```
#d55d31 rgb(213,93,49)
```
#d96d46
```
#d96d46 rgb(217,109,70)
```
#de7e5b
```
#de7e5b rgb(222,126,91)
```

Monochromatic Color

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

#c42b28
```
#c42b28 rgb(196,43,40)
```
#c43828
```
#c43828 rgb(196,56,40)
```
#c44528
```
#c44528 rgb(196,69,40)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#c45f28
```
#c45f28 rgb(196,95,40)
```
#c46c28
```
#c46c28 rgb(196,108,40)
```
#c47928
```
#c47928 rgb(196,121,40)
```

Similar Colors

Text with hexadecimal color #c45228

This text has a font color of #c45228.

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

#c45228 background color

This paragraph has a background color of #c45228.

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

#c45228 border color

This element has a border color of #c45228.

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

CSS codes

.text {color:#c45228;}

.background {background-color:#c45228;}

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

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, #010000 is the darkest color, while #fcf3ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110703
```
#110703 rgb(17,7,3)
```
#210e07
```
#210e07 rgb(33,14,7)
```
#31150a
```
#31150a rgb(49,21,10)
```
#421b0d
```
#421b0d rgb(66,27,13)
```
#522211
```
#522211 rgb(82,34,17)
```
#622914
```
#622914 rgb(98,41,20)
```
#733017
```
#733017 rgb(115,48,23)
```
#83371b
```
#83371b rgb(131,55,27)
```
#933e1e
```
#933e1e rgb(147,62,30)
```
#a34421
```
#a34421 rgb(163,68,33)
```
#b44b25
```
#b44b25 rgb(180,75,37)
```
#c45228
```
#c45228 rgb(196,82,40)
```

Shade Color Variation

#d4592c
```
#d4592c rgb(212,89,44)
```
#d7663c
```
#d7663c rgb(215,102,60)
```
#db734c
```
#db734c rgb(219,115,76)
```
#de7f5d
```
#de7f5d rgb(222,127,93)
```
#e18c6d
```
#e18c6d rgb(225,140,109)
```
#e5997d
```
#e5997d rgb(229,153,125)
```
#e8a68d
```
#e8a68d rgb(232,166,141)
```
#ebb39e
```
#ebb39e rgb(235,179,158)
```
#eebfae
```
#eebfae rgb(238,191,174)
```
#f2ccbe
```
#f2ccbe rgb(242,204,190)
```
#f5d9cf
```
#f5d9cf rgb(245,217,207)
```
#f8e6df
```
#f8e6df rgb(248,230,223)
```
#fcf3ef
```
#fcf3ef rgb(252,243,239)
```

Tint Color Variation

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

#7b7471
```
#7b7471 rgb(123,116,113)
```
#846f68
```
#846f68 rgb(132,111,104)
```
#8e6b5e
```
#8e6b5e rgb(142,107,94)
```
#976755
```
#976755 rgb(151,103,85)
```
#a0634c
```
#a0634c rgb(160,99,76)
```
#a95f43
```
#a95f43 rgb(169,95,67)
```
#b25a3a
```
#b25a3a rgb(178,90,58)
```
#bb5631
```
#bb5631 rgb(187,86,49)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#cd4e1f
```
#cd4e1f rgb(205,78,31)
```
#d64a16
```
#d64a16 rgb(214,74,22)
```
#df450d
```
#df450d rgb(223,69,13)
```
#e84104
```
#e84104 rgb(232,65,4)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#806961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c3c Protanopia 1% of men
#9a7629 Deuteranopia 1% of men
#c8565b Tritanopia 0.001% of the population

Trichromacy

#9e6d35 Protanomaly 1% of men, 0.01% of women
#a96929 Deuteranomaly 6% of men, 0.4% of women
#c75448 Tritanomaly 0.01% of the population

#c45228 hex color

#c45228 Color Information

#c45228 Color Conversion

Color Schemes with #c45228

Alternatives to #c45228

#c45228 Preview

Shades and Tints of #c45228

Tones of #c45228

Color Blindness Simulator