#cc4228 hex color

In a RGB color space, hex #cc4228 is composed of 80% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 80.4% yellow and 20% black. It has a hue angle of 9.5 degrees, a saturation of 67.2% and a lightness of 47.8%. #cc4228 color hex could be obtained by blending #ff8450 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 26
- B 16
RGB color chart
- C 0
- M 68
- Y 80
- K 20
CMYK color chart

● #cc4228 color description : Strong red.

The hexadecimal color #cc4228 has RGB values of R:204, G:66, B:40 and CMYK values of C:0, M:0.68, Y:0.8, K:0.2. Its decimal value is 13386280.

Hex triplet	cc4228	`#cc4228`
RGB Decimal	204, 66, 40	`rgb(204,66,40)`
RGB Percent	80, 25.9, 15.7	`rgb(80%,25.9%,15.7%)`
CMYK	0, 68, 80, 20
HSL	9.5°, 67.2, 47.8	`hsl(9.5,67.2%,47.8%)`
HSV (or HSB)	9.5°, 80.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.121, 53.247, 45.004
XYZ	27.234, 16.89, 3.833
xyY	0.568, 0.352, 16.89
CIE-LCH	48.121, 69.718, 40.204
CIE-LUV	48.121, 109.553, 32.59
Hunter-Lab	41.098, 46.367, 23.238
Binary	11001100, 01000010, 00101000

#cc4228
```
#cc4228 rgb(204,66,40)
```
#28b2cc
```
#28b2cc rgb(40,178,204)
```

Complementary Color

#cc2860
```
#cc2860 rgb(204,40,96)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#cc9428
```
#cc9428 rgb(204,148,40)
```

Analogous Color

#2860cc
```
#2860cc rgb(40,96,204)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#28cc94
```
#28cc94 rgb(40,204,148)
```

Split Complementary Color

#4228cc
```
#4228cc rgb(66,40,204)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#28cc42
```
#28cc42 rgb(40,204,66)
```

Triadic Color

#cc28b2
```
#cc28b2 rgb(204,40,178)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#28cc42
```
#28cc42 rgb(40,204,66)
```
#28b2cc
```
#28b2cc rgb(40,178,204)
```

Tetradic Color

#8c2d1b
```
#8c2d1b rgb(140,45,27)
```
#a13420
```
#a13420 rgb(161,52,32)
```
#b73b24
```
#b73b24 rgb(183,59,36)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#d85036
```
#d85036 rgb(216,80,54)
```
#dc624b
```
#dc624b rgb(220,98,75)
```
#e07561
```
#e07561 rgb(224,117,97)
```

Monochromatic Color

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

#cc2837
```
#cc2837 rgb(204,40,55)
```
#cc2829
```
#cc2829 rgb(204,40,41)
```
#cc3428
```
#cc3428 rgb(204,52,40)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#cc5028
```
#cc5028 rgb(204,80,40)
```
#cc5d28
```
#cc5d28 rgb(204,93,40)
```
#cc6b28
```
#cc6b28 rgb(204,107,40)
```

Similar Colors

Text with hexadecimal color #cc4228

This text has a font color of #cc4228.

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

#cc4228 background color

This paragraph has a background color of #cc4228.

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

#cc4228 border color

This element has a border color of #cc4228.

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

CSS codes

.text {color:#cc4228;}

.background {background-color:#cc4228;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180805
```
#180805 rgb(24,8,5)
```
#280d08
```
#280d08 rgb(40,13,8)
```
#38120b
```
#38120b rgb(56,18,11)
```
#49180e
```
#49180e rgb(73,24,14)
```
#591d11
```
#591d11 rgb(89,29,17)
```
#6a2215
```
#6a2215 rgb(106,34,21)
```
#7a2718
```
#7a2718 rgb(122,39,24)
```
#8a2d1b
```
#8a2d1b rgb(138,45,27)
```
#9b321e
```
#9b321e rgb(155,50,30)
```
#ab3722
```
#ab3722 rgb(171,55,34)
```
#bc3d25
```
#bc3d25 rgb(188,61,37)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```

Shade Color Variation

#d74b31
```
#d74b31 rgb(215,75,49)
```
#da5a41
```
#da5a41 rgb(218,90,65)
```
#dd6852
```
#dd6852 rgb(221,104,82)
```
#e07662
```
#e07662 rgb(224,118,98)
```
#e38473
```
#e38473 rgb(227,132,115)
```
#e79383
```
#e79383 rgb(231,147,131)
```
#eaa193
```
#eaa193 rgb(234,161,147)
```
#edafa4
```
#edafa4 rgb(237,175,164)
```
#f0beb4
```
#f0beb4 rgb(240,190,180)
```
#f4ccc5
```
#f4ccc5 rgb(244,204,197)
```
#f7dad5
```
#f7dad5 rgb(247,218,213)
```
#fae9e5
```
#fae9e5 rgb(250,233,229)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,246)
```

Tint Color Variation

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

#817573
```
#817573 rgb(129,117,115)
```
#8a6f6a
```
#8a6f6a rgb(138,111,106)
```
#946860
```
#946860 rgb(148,104,96)
```
#9d6257
```
#9d6257 rgb(157,98,87)
```
#a65c4e
```
#a65c4e rgb(166,92,78)
```
#b05544
```
#b05544 rgb(176,85,68)
```
#b94f3b
```
#b94f3b rgb(185,79,59)
```
#c34831
```
#c34831 rgb(195,72,49)
```
#cc4228
```
#cc4228 rgb(204,66,40)
```
#d53c1f
```
#d53c1f rgb(213,60,31)
```
#df3515
```
#df3515 rgb(223,53,21)
```
#e82f0c
```
#e82f0c rgb(232,47,12)
```
#f22802
```
#f22802 rgb(242,40,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c605b Atypical Achromatopsia 0.001% of the population

Dichromacy

#85793f Protanopia 1% of men
#977327 Deuteranopia 1% of men
#cf484c Tritanopia 0.001% of the population

Trichromacy

#9f6537 Protanomaly 1% of men, 0.01% of women
#aa6127 Deuteranomaly 6% of men, 0.4% of women
#ce463f Tritanomaly 0.01% of the population

#cc4228 hex color

#cc4228 Color Information

#cc4228 Color Conversion

Color Schemes with #cc4228

Alternatives to #cc4228

#cc4228 Preview

Shades and Tints of #cc4228

Tones of #cc4228

Color Blindness Simulator