#cc222d hex color

In a RGB color space, hex #cc222d is composed of 80% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 77.9% yellow and 20% black. It has a hue angle of 356.1 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc222d color hex could be obtained by blending #ff445a with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 13
- B 18
RGB color chart
- C 0
- M 83
- Y 78
- K 20
CMYK color chart

● #cc222d color description : Strong red.

The hexadecimal color #cc222d has RGB values of R:204, G:34, B:45 and CMYK values of C:0, M:0.83, Y:0.78, K:0.2. Its decimal value is 13378093.

Hex triplet	cc222d	`#cc222d`
RGB Decimal	204, 34, 45	`rgb(204,34,45)`
RGB Percent	80, 13.3, 17.6	`rgb(80%,13.3%,17.6%)`
CMYK	0, 83, 78, 20
HSL	356.1°, 71.4, 46.7	`hsl(356.1,71.4%,46.7%)`
HSV (or HSB)	356.1°, 83.3, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.482, 63.665, 38.623
XYZ	25.949, 14.174, 3.852
xyY	0.59, 0.322, 14.174
CIE-LCH	44.482, 74.464, 31.243
CIE-LUV	44.482, 125.568, 24.11
Hunter-Lab	37.649, 57.144, 20.288
Binary	11001100, 00100010, 00101101

#cc222d
```
#cc222d rgb(204,34,45)
```
#22ccc1
```
#22ccc1 rgb(34,204,193)
```

Complementary Color

#cc2282
```
#cc2282 rgb(204,34,130)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#cc6c22
```
#cc6c22 rgb(204,108,34)
```

Analogous Color

#2282cc
```
#2282cc rgb(34,130,204)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#22cc6c
```
#22cc6c rgb(34,204,108)
```

Split Complementary Color

#222dcc
```
#222dcc rgb(34,45,204)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#2dcc22
```
#2dcc22 rgb(45,204,34)
```

Triadic Color

#c122cc
```
#c122cc rgb(193,34,204)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#2dcc22
```
#2dcc22 rgb(45,204,34)
```
#22ccc1
```
#22ccc1 rgb(34,204,193)
```

Tetradic Color

#8a171f
```
#8a171f rgb(138,23,31)
```
#a01b23
```
#a01b23 rgb(160,27,35)
```
#b61e28
```
#b61e28 rgb(182,30,40)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#dc2c37
```
#dc2c37 rgb(220,44,55)
```
#df424c
```
#df424c rgb(223,66,76)
```
#e35760
```
#e35760 rgb(227,87,96)
```

Monochromatic Color

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

#cc2257
```
#cc2257 rgb(204,34,87)
```
#cc2249
```
#cc2249 rgb(204,34,73)
```
#cc223b
```
#cc223b rgb(204,34,59)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#cc2522
```
#cc2522 rgb(204,37,34)
```
#cc3322
```
#cc3322 rgb(204,51,34)
```
#cc4222
```
#cc4222 rgb(204,66,34)
```

Similar Colors

Text with hexadecimal color #cc222d

This text has a font color of #cc222d.

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

#cc222d background color

This paragraph has a background color of #cc222d.

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

#cc222d border color

This element has a border color of #cc222d.

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

CSS codes

.text {color:#cc222d;}

.background {background-color:#cc222d;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130304
```
#130304 rgb(19,3,4)
```
#240608
```
#240608 rgb(36,6,8)
```
#35090c
```
#35090c rgb(53,9,12)
```
#450c0f
```
#450c0f rgb(69,12,15)
```
#560e13
```
#560e13 rgb(86,14,19)
```
#671117
```
#671117 rgb(103,17,23)
```
#78141a
```
#78141a rgb(120,20,26)
```
#89171e
```
#89171e rgb(137,23,30)
```
#9a1a22
```
#9a1a22 rgb(154,26,34)
```
#aa1c26
```
#aa1c26 rgb(170,28,38)
```
#bb1f29
```
#bb1f29 rgb(187,31,41)
```
#cc222d
```
#cc222d rgb(204,34,45)
```

Shade Color Variation

#db2732
```
#db2732 rgb(219,39,50)
```
#de3742
```
#de3742 rgb(222,55,66)
```
#e14852
```
#e14852 rgb(225,72,82)
```
#e35962
```
#e35962 rgb(227,89,98)
```
#e66a72
```
#e66a72 rgb(230,106,114)
```
#e97b82
```
#e97b82 rgb(233,123,130)
```
#ec8c92
```
#ec8c92 rgb(236,140,146)
```
#ef9ca2
```
#ef9ca2 rgb(239,156,162)
```
#f1adb2
```
#f1adb2 rgb(241,173,178)
```
#f4bec1
```
#f4bec1 rgb(244,190,193)
```
#f7cfd1
```
#f7cfd1 rgb(247,207,209)
```
#fae0e1
```
#fae0e1 rgb(250,224,225)
```
#fdf0f1
```
#fdf0f1 rgb(253,240,241)
```

Tint Color Variation

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

#7a7475
```
#7a7475 rgb(122,116,117)
```
#836b6d
```
#836b6d rgb(131,107,109)
```
#8c6265
```
#8c6265 rgb(140,98,101)
```
#95595d
```
#95595d rgb(149,89,93)
```
#9e5055
```
#9e5055 rgb(158,80,85)
```
#a7474d
```
#a7474d rgb(167,71,77)
```
#b13d45
```
#b13d45 rgb(177,61,69)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#c32b35
```
#c32b35 rgb(195,43,53)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#d51925
```
#d51925 rgb(213,25,37)
```
#de101d
```
#de101d rgb(222,16,29)
```
#e70715
```
#e70715 rgb(231,7,21)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6e4c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a704a Protanopia 1% of men
#8b6b2a Deuteranopia 1% of men
#ce2f2f Tritanopia 0.001% of the population

Trichromacy

#98543f Protanomaly 1% of men, 0.01% of women
#a3502b Deuteranomaly 6% of men, 0.4% of women
#cd2a2e Tritanomaly 0.01% of the population

#cc222d hex color

#cc222d Color Information

#cc222d Color Conversion

Color Schemes with #cc222d

Alternatives to #cc222d

#cc222d Preview

Shades and Tints of #cc222d

Tones of #cc222d

Color Blindness Simulator