#cd3a22 hex color

In a RGB color space, hex #cd3a22 is composed of 80.4% red, 22.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.7% magenta, 83.4% yellow and 19.6% black. It has a hue angle of 8.4 degrees, a saturation of 71.5% and a lightness of 46.9%. #cd3a22 color hex could be obtained by blending #ff7444 with #9b0000. Closest websafe color is: #cc3333.

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

● #cd3a22 color description : Strong red.

The hexadecimal color #cd3a22 has RGB values of R:205, G:58, B:34 and CMYK values of C:0, M:0.72, Y:0.83, K:0.2. Its decimal value is 13449762.

Hex triplet	cd3a22	`#cd3a22`
RGB Decimal	205, 58, 34	`rgb(205,58,34)`
RGB Percent	80.4, 22.7, 13.3	`rgb(80.4%,22.7%,13.3%)`
CMYK	0, 72, 83, 20
HSL	8.4°, 71.5, 46.9	`hsl(8.4,71.5%,46.9%)`
HSV (or HSB)	8.4°, 83.4, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.137, 56.462, 47.105
XYZ	26.98, 16.124, 3.205
xyY	0.583, 0.348, 16.124
CIE-LCH	47.137, 73.531, 39.838
CIE-LUV	47.137, 116.261, 32.361
Hunter-Lab	40.155, 49.664, 23.376
Binary	11001101, 00111010, 00100010

#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#22b5cd
```
#22b5cd rgb(34,181,205)
```

Complementary Color

#cd225f
```
#cd225f rgb(205,34,95)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#cd9022
```
#cd9022 rgb(205,144,34)
```

Analogous Color

#225fcd
```
#225fcd rgb(34,95,205)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#22cd90
```
#22cd90 rgb(34,205,144)
```

Split Complementary Color

#3a22cd
```
#3a22cd rgb(58,34,205)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#22cd3a
```
#22cd3a rgb(34,205,58)
```

Triadic Color

#cd22b5
```
#cd22b5 rgb(205,34,181)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#22cd3a
```
#22cd3a rgb(34,205,58)
```
#22b5cd
```
#22b5cd rgb(34,181,205)
```

Tetradic Color

#8b2717
```
#8b2717 rgb(139,39,23)
```
#a12e1b
```
#a12e1b rgb(161,46,27)
```
#b7341e
```
#b7341e rgb(183,52,30)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#dc452c
```
#dc452c rgb(220,69,44)
```
#e05842
```
#e05842 rgb(224,88,66)
```
#e36c58
```
#e36c58 rgb(227,108,88)
```

Monochromatic Color

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

#cd2235
```
#cd2235 rgb(205,34,53)
```
#cd2227
```
#cd2227 rgb(205,34,39)
```
#cd2c22
```
#cd2c22 rgb(205,44,34)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#cd4822
```
#cd4822 rgb(205,72,34)
```
#cd5722
```
#cd5722 rgb(205,87,34)
```
#cd6522
```
#cd6522 rgb(205,101,34)
```

Similar Colors

Text with hexadecimal color #cd3a22

This text has a font color of #cd3a22.

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

#cd3a22 background color

This paragraph has a background color of #cd3a22.

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

#cd3a22 border color

This element has a border color of #cd3a22.

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

CSS codes

.text {color:#cd3a22;}

.background {background-color:#cd3a22;}

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

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 #fdf3f1 is the lightest one.

#030101
```
#030101 rgb(3,1,1)
```
#140603
```
#140603 rgb(20,6,3)
```
#250a06
```
#250a06 rgb(37,10,6)
```
#360f09
```
#360f09 rgb(54,15,9)
```
#46140c
```
#46140c rgb(70,20,12)
```
#57190e
```
#57190e rgb(87,25,14)
```
#681d11
```
#681d11 rgb(104,29,17)
```
#792214
```
#792214 rgb(121,34,20)
```
#8a2717
```
#8a2717 rgb(138,39,23)
```
#9b2c1a
```
#9b2c1a rgb(155,44,26)
```
#ab301c
```
#ab301c rgb(171,48,28)
```
#bc351f
```
#bc351f rgb(188,53,31)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```

Shade Color Variation

#db4127
```
#db4127 rgb(219,65,39)
```
#de4f38
```
#de4f38 rgb(222,79,56)
```
#e15e49
```
#e15e49 rgb(225,94,73)
```
#e46d5a
```
#e46d5a rgb(228,109,90)
```
#e67c6b
```
#e67c6b rgb(230,124,107)
```
#e98b7c
```
#e98b7c rgb(233,139,124)
```
#ec9a8c
```
#ec9a8c rgb(236,154,140)
```
#efa99d
```
#efa99d rgb(239,169,157)
```
#f2b7ae
```
#f2b7ae rgb(242,183,174)
```
#f4c6bf
```
#f4c6bf rgb(244,198,191)
```
#f7d5d0
```
#f7d5d0 rgb(247,213,208)
```
#fae4e0
```
#fae4e0 rgb(250,228,224)
```
#fdf3f1
```
#fdf3f1 rgb(253,243,241)
```

Tint Color Variation

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

#7a7675
```
#7a7675 rgb(122,118,117)
```
#836f6c
```
#836f6c rgb(131,111,108)
```
#8d6862
```
#8d6862 rgb(141,104,98)
```
#966259
```
#966259 rgb(150,98,89)
```
#9f5b50
```
#9f5b50 rgb(159,91,80)
```
#a85447
```
#a85447 rgb(168,84,71)
```
#b14e3e
```
#b14e3e rgb(177,78,62)
```
#bb4734
```
#bb4734 rgb(187,71,52)
```
#c4412b
```
#c4412b rgb(196,65,43)
```
#cd3a22
```
#cd3a22 rgb(205,58,34)
```
#d63319
```
#d63319 rgb(214,51,25)
```
#df2d10
```
#df2d10 rgb(223,45,16)
```
#e92606
```
#e92606 rgb(233,38,6)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#785b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83773a Protanopia 1% of men
#94711e Deuteranopia 1% of men
#d04144 Tritanopia 0.001% of the population

Trichromacy

#9e6131 Protanomaly 1% of men, 0.01% of women
#a95d1f Deuteranomaly 6% of men, 0.4% of women
#cf3e37 Tritanomaly 0.01% of the population

#cd3a22 hex color

#cd3a22 Color Information

#cd3a22 Color Conversion

Color Schemes with #cd3a22

Alternatives to #cd3a22

#cd3a22 Preview

Shades and Tints of #cd3a22

Tones of #cd3a22

Color Blindness Simulator