#cd222e hex color

In a RGB color space, hex #cd222e is composed of 80.4% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 77.6% yellow and 19.6% black. It has a hue angle of 355.8 degrees, a saturation of 71.5% and a lightness of 46.9%. #cd222e color hex could be obtained by blending #ff445c with #9b0000. 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

● #cd222e color description : Strong red.

The hexadecimal color #cd222e has RGB values of R:205, G:34, B:46 and CMYK values of C:0, M:0.83, Y:0.78, K:0.2. Its decimal value is 13443630.

Hex triplet	cd222e	`#cd222e`
RGB Decimal	205, 34, 46	`rgb(205,34,46)`
RGB Percent	80.4, 13.3, 18	`rgb(80.4%,13.3%,18%)`
CMYK	0, 83, 78, 20
HSL	355.8°, 71.5, 46.9	`hsl(355.8,71.5%,46.9%)`
HSV (or HSB)	355.8°, 83.4, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.694, 63.974, 38.338
XYZ	26.243, 14.324, 3.968
xyY	0.589, 0.322, 14.324
CIE-LCH	44.694, 74.582, 30.934
CIE-LUV	44.694, 126.122, 23.938
Hunter-Lab	37.847, 57.542, 20.277
Binary	11001101, 00100010, 00101110

#cd222e
```
#cd222e rgb(205,34,46)
```
#22cdc1
```
#22cdc1 rgb(34,205,193)
```

Complementary Color

#cd2284
```
#cd2284 rgb(205,34,132)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#cd6c22
```
#cd6c22 rgb(205,108,34)
```

Analogous Color

#2284cd
```
#2284cd rgb(34,132,205)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#22cd6c
```
#22cd6c rgb(34,205,108)
```

Split Complementary Color

#222ecd
```
#222ecd rgb(34,46,205)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#2ecd22
```
#2ecd22 rgb(46,205,34)
```

Triadic Color

#c122cd
```
#c122cd rgb(193,34,205)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#2ecd22
```
#2ecd22 rgb(46,205,34)
```
#22cdc1
```
#22cdc1 rgb(34,205,193)
```

Tetradic Color

#8b171f
```
#8b171f rgb(139,23,31)
```
#a11b24
```
#a11b24 rgb(161,27,36)
```
#b71e29
```
#b71e29 rgb(183,30,41)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#dc2c39
```
#dc2c39 rgb(220,44,57)
```
#e0424d
```
#e0424d rgb(224,66,77)
```
#e35862
```
#e35862 rgb(227,88,98)
```

Monochromatic Color

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

#cd2259
```
#cd2259 rgb(205,34,89)
```
#cd224a
```
#cd224a rgb(205,34,74)
```
#cd223c
```
#cd223c rgb(205,34,60)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#cd2422
```
#cd2422 rgb(205,36,34)
```
#cd3322
```
#cd3322 rgb(205,51,34)
```
#cd4122
```
#cd4122 rgb(205,65,34)
```

Similar Colors

Text with hexadecimal color #cd222e

This text has a font color of #cd222e.

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

#cd222e background color

This paragraph has a background color of #cd222e.

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

#cd222e border color

This element has a border color of #cd222e.

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

CSS codes

.text {color:#cd222e;}

.background {background-color:#cd222e;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250608
```
#250608 rgb(37,6,8)
```
#36090c
```
#36090c rgb(54,9,12)
```
#460c10
```
#460c10 rgb(70,12,16)
```
#570e14
```
#570e14 rgb(87,14,20)
```
#681117
```
#681117 rgb(104,17,23)
```
#79141b
```
#79141b rgb(121,20,27)
```
#8a171f
```
#8a171f rgb(138,23,31)
```
#9b1a23
```
#9b1a23 rgb(155,26,35)
```
#ab1c26
```
#ab1c26 rgb(171,28,38)
```
#bc1f2a
```
#bc1f2a rgb(188,31,42)
```
#cd222e
```
#cd222e rgb(205,34,46)
```

Shade Color Variation

#db2734
```
#db2734 rgb(219,39,52)
```
#de3844
```
#de3844 rgb(222,56,68)
```
#e14954
```
#e14954 rgb(225,73,84)
```
#e45a64
```
#e45a64 rgb(228,90,100)
```
#e66b73
```
#e66b73 rgb(230,107,115)
```
#e97c83
```
#e97c83 rgb(233,124,131)
```
#ec8c93
```
#ec8c93 rgb(236,140,147)
```
#ef9da3
```
#ef9da3 rgb(239,157,163)
```
#f2aeb3
```
#f2aeb3 rgb(242,174,179)
```
#f4bfc3
```
#f4bfc3 rgb(244,191,195)
```
#f7d0d2
```
#f7d0d2 rgb(247,208,210)
```
#fae0e2
```
#fae0e2 rgb(250,224,226)
```
#fdf1f2
```
#fdf1f2 rgb(253,241,242)
```

Tint Color Variation

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

#7a7575
```
#7a7575 rgb(122,117,117)
```
#836c6d
```
#836c6d rgb(131,108,109)
```
#8d6265
```
#8d6265 rgb(141,98,101)
```
#96595d
```
#96595d rgb(150,89,93)
```
#9f5056
```
#9f5056 rgb(159,80,86)
```
#a8474e
```
#a8474e rgb(168,71,78)
```
#b13e46
```
#b13e46 rgb(177,62,70)
```
#bb343e
```
#bb343e rgb(187,52,62)
```
#c42b36
```
#c42b36 rgb(196,43,54)
```
#cd222e
```
#cd222e rgb(205,34,46)
```
#d61926
```
#d61926 rgb(214,25,38)
```
#df101e
```
#df101e rgb(223,16,30)
```
#e90616
```
#e90616 rgb(233,6,22)
```

Tone Color Variation

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

#7b714b Protanopia 1% of men
#8c6c2b Deuteranopia 1% of men
#cf2f2f Tritanopia 0.001% of the population

Trichromacy

#985440 Protanomaly 1% of men, 0.01% of women
#a3512c Deuteranomaly 6% of men, 0.4% of women
#ce2a2e Tritanomaly 0.01% of the population

#cd222e hex color

#cd222e Color Information

#cd222e Color Conversion

Color Schemes with #cd222e

Alternatives to #cd222e

#cd222e Preview

Shades and Tints of #cd222e

Tones of #cd222e

Color Blindness Simulator