#cd223f hex color

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

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

● #cd223f color description : Strong red.

The hexadecimal color #cd223f has RGB values of R:205, G:34, B:63 and CMYK values of C:0, M:0.83, Y:0.69, K:0.2. Its decimal value is 13443647.

Hex triplet	cd223f	`#cd223f`
RGB Decimal	205, 34, 63	`rgb(205,34,63)`
RGB Percent	80.4, 13.3, 24.7	`rgb(80.4%,13.3%,24.7%)`
CMYK	0, 83, 69, 20
HSL	349.8°, 71.5, 46.9	`hsl(349.8,71.5%,46.9%)`
HSV (or HSB)	349.8°, 83.4, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.921, 64.656, 28.528
XYZ	26.647, 14.485, 6.095
xyY	0.564, 0.307, 14.485
CIE-LCH	44.921, 70.67, 23.809
CIE-LUV	44.921, 121.851, 16.846
Hunter-Lab	38.06, 58.372, 17.146
Binary	11001101, 00100010, 00111111

#cd223f
```
#cd223f rgb(205,34,63)
```
#22cdb0
```
#22cdb0 rgb(34,205,176)
```

Complementary Color

#cd2295
```
#cd2295 rgb(205,34,149)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#cd5b22
```
#cd5b22 rgb(205,91,34)
```

Analogous Color

#2295cd
```
#2295cd rgb(34,149,205)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#22cd5b
```
#22cd5b rgb(34,205,91)
```

Split Complementary Color

#223fcd
```
#223fcd rgb(34,63,205)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#3fcd22
```
#3fcd22 rgb(63,205,34)
```

Triadic Color

#b022cd
```
#b022cd rgb(176,34,205)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#3fcd22
```
#3fcd22 rgb(63,205,34)
```
#22cdb0
```
#22cdb0 rgb(34,205,176)
```

Tetradic Color

#8b172b
```
#8b172b rgb(139,23,43)
```
#a11b32
```
#a11b32 rgb(161,27,50)
```
#b71e38
```
#b71e38 rgb(183,30,56)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#dc2c4a
```
#dc2c4a rgb(220,44,74)
```
#e0425d
```
#e0425d rgb(224,66,93)
```
#e35870
```
#e35870 rgb(227,88,112)
```

Monochromatic Color

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

#cd226a
```
#cd226a rgb(205,34,106)
```
#cd225b
```
#cd225b rgb(205,34,91)
```
#cd224d
```
#cd224d rgb(205,34,77)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#cd2231
```
#cd2231 rgb(205,34,49)
```
#cd2222
```
#cd2222 rgb(205,34,34)
```
#cd3022
```
#cd3022 rgb(205,48,34)
```

Similar Colors

Text with hexadecimal color #cd223f

This text has a font color of #cd223f.

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

#cd223f background color

This paragraph has a background color of #cd223f.

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

#cd223f border color

This element has a border color of #cd223f.

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

CSS codes

.text {color:#cd223f;}

.background {background-color:#cd223f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140306
```
#140306 rgb(20,3,6)
```
#25060b
```
#25060b rgb(37,6,11)
```
#360910
```
#360910 rgb(54,9,16)
```
#460c16
```
#460c16 rgb(70,12,22)
```
#570e1b
```
#570e1b rgb(87,14,27)
```
#681120
```
#681120 rgb(104,17,32)
```
#791425
```
#791425 rgb(121,20,37)
```
#8a172a
```
#8a172a rgb(138,23,42)
```
#9b1a2f
```
#9b1a2f rgb(155,26,47)
```
#ab1c35
```
#ab1c35 rgb(171,28,53)
```
#bc1f3a
```
#bc1f3a rgb(188,31,58)
```
#cd223f
```
#cd223f rgb(205,34,63)
```

Shade Color Variation

#db2746
```
#db2746 rgb(219,39,70)
```
#de3854
```
#de3854 rgb(222,56,84)
```
#e14963
```
#e14963 rgb(225,73,99)
```
#e45a71
```
#e45a71 rgb(228,90,113)
```
#e66b80
```
#e66b80 rgb(230,107,128)
```
#e97c8e
```
#e97c8e rgb(233,124,142)
```
#ec8c9d
```
#ec8c9d rgb(236,140,157)
```
#ef9dab
```
#ef9dab rgb(239,157,171)
```
#f2aeb9
```
#f2aeb9 rgb(242,174,185)
```
#f4bfc8
```
#f4bfc8 rgb(244,191,200)
```
#f7d0d6
```
#f7d0d6 rgb(247,208,214)
```
#fae0e5
```
#fae0e5 rgb(250,224,229)
```
#fdf1f3
```
#fdf1f3 rgb(253,241,243)
```

Tint Color Variation

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

#7a7576
```
#7a7576 rgb(122,117,118)
```
#836c70
```
#836c70 rgb(131,108,112)
```
#8d626a
```
#8d626a rgb(141,98,106)
```
#965963
```
#965963 rgb(150,89,99)
```
#9f505d
```
#9f505d rgb(159,80,93)
```
#a84757
```
#a84757 rgb(168,71,87)
```
#b13e51
```
#b13e51 rgb(177,62,81)
```
#bb344b
```
#bb344b rgb(187,52,75)
```
#c42b45
```
#c42b45 rgb(196,43,69)
```
#cd223f
```
#cd223f rgb(205,34,63)
```
#d61939
```
#d61939 rgb(214,25,57)
```
#df1033
```
#df1033 rgb(223,16,51)
```
#e9062d
```
#e9062d rgb(233,6,45)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6f4d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78715f Protanopia 1% of men
#8a6d3d Deuteranopia 1% of men
#ce3232 Tritanopia 0.001% of the population

Trichromacy

#975453 Protanomaly 1% of men, 0.01% of women
#a2513e Deuteranomaly 6% of men, 0.4% of women
#ce2c37 Tritanomaly 0.01% of the population

#cd223f hex color

#cd223f Color Information

#cd223f Color Conversion

Color Schemes with #cd223f

Alternatives to #cd223f

#cd223f Preview

Shades and Tints of #cd223f

Tones of #cd223f

Color Blindness Simulator