#cd222d hex color

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

● #cd222d color description : Strong red.

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

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

CIE-LAB	44.683, 63.94, 38.896
XYZ	26.224, 14.316, 3.865
xyY	0.591, 0.322, 14.316
CIE-LCH	44.683, 74.842, 31.313
CIE-LUV	44.683, 126.336, 24.291
Hunter-Lab	37.836, 57.502, 20.429
Binary	11001101, 00100010, 00101101

#cd222d
```
#cd222d rgb(205,34,45)
```
#22cdc2
```
#22cdc2 rgb(34,205,194)
```

Complementary Color

#cd2283
```
#cd2283 rgb(205,34,131)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#cd6d22
```
#cd6d22 rgb(205,109,34)
```

Analogous Color

#2283cd
```
#2283cd rgb(34,131,205)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#22cd6d
```
#22cd6d rgb(34,205,109)
```

Split Complementary Color

#222dcd
```
#222dcd rgb(34,45,205)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#2dcd22
```
#2dcd22 rgb(45,205,34)
```

Triadic Color

#c222cd
```
#c222cd rgb(194,34,205)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#2dcd22
```
#2dcd22 rgb(45,205,34)
```
#22cdc2
```
#22cdc2 rgb(34,205,194)
```

Tetradic Color

#8b171f
```
#8b171f rgb(139,23,31)
```
#a11b23
```
#a11b23 rgb(161,27,35)
```
#b71e28
```
#b71e28 rgb(183,30,40)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#dc2c38
```
#dc2c38 rgb(220,44,56)
```
#e0424c
```
#e0424c rgb(224,66,76)
```
#e35861
```
#e35861 rgb(227,88,97)
```

Monochromatic Color

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

#cd2258
```
#cd2258 rgb(205,34,88)
```
#cd2249
```
#cd2249 rgb(205,34,73)
```
#cd223b
```
#cd223b rgb(205,34,59)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#cd2522
```
#cd2522 rgb(205,37,34)
```
#cd3422
```
#cd3422 rgb(205,52,34)
```
#cd4222
```
#cd4222 rgb(205,66,34)
```

Similar Colors

Text with hexadecimal color #cd222d

This text has a font color of #cd222d.

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

#cd222d background color

This paragraph has a background color of #cd222d.

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

#cd222d border color

This element has a border color of #cd222d.

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

CSS codes

.text {color:#cd222d;}

.background {background-color:#cd222d;}

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

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)
```
#460c0f
```
#460c0f rgb(70,12,15)
```
#570e13
```
#570e13 rgb(87,14,19)
```
#681117
```
#681117 rgb(104,17,23)
```
#79141b
```
#79141b rgb(121,20,27)
```
#8a171e
```
#8a171e rgb(138,23,30)
```
#9b1a22
```
#9b1a22 rgb(155,26,34)
```
#ab1c26
```
#ab1c26 rgb(171,28,38)
```
#bc1f29
```
#bc1f29 rgb(188,31,41)
```
#cd222d
```
#cd222d rgb(205,34,45)
```

Shade Color Variation

#db2733
```
#db2733 rgb(219,39,51)
```
#de3843
```
#de3843 rgb(222,56,67)
```
#e14953
```
#e14953 rgb(225,73,83)
```
#e45a63
```
#e45a63 rgb(228,90,99)
```
#e66b73
```
#e66b73 rgb(230,107,115)
```
#e97c83
```
#e97c83 rgb(233,124,131)
```
#ec8c92
```
#ec8c92 rgb(236,140,146)
```
#ef9da2
```
#ef9da2 rgb(239,157,162)
```
#f2aeb2
```
#f2aeb2 rgb(242,174,178)
```
#f4bfc2
```
#f4bfc2 rgb(244,191,194)
```
#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 #e90615 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)
```
#9f5055
```
#9f5055 rgb(159,80,85)
```
#a8474d
```
#a8474d rgb(168,71,77)
```
#b13e45
```
#b13e45 rgb(177,62,69)
```
#bb343d
```
#bb343d rgb(187,52,61)
```
#c42b35
```
#c42b35 rgb(196,43,53)
```
#cd222d
```
#cd222d rgb(205,34,45)
```
#d61925
```
#d61925 rgb(214,25,37)
```
#df101d
```
#df101d rgb(223,16,29)
```
#e90615
```
#e90615 rgb(233,6,21)
```

Tone Color Variation

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

#7b714a Protanopia 1% of men
#8c6c2a Deuteranopia 1% of men
#cf2f2f Tritanopia 0.001% of the population

Trichromacy

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

#cd222d hex color

#cd222d Color Information

#cd222d Color Conversion

Color Schemes with #cd222d

Alternatives to #cd222d

#cd222d Preview

Shades and Tints of #cd222d

Tones of #cd222d

Color Blindness Simulator