#cd422f hex color

In a RGB color space, hex #cd422f is composed of 80.4% red, 25.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 77.1% yellow and 19.6% black. It has a hue angle of 7.2 degrees, a saturation of 62.7% and a lightness of 49.4%. #cd422f color hex could be obtained by blending #ff845e with #9b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 26
- B 18
RGB color chart
- C 0
- M 68
- Y 77
- K 20
CMYK color chart

● #cd422f color description : Strong red.

The hexadecimal color #cd422f has RGB values of R:205, G:66, B:47 and CMYK values of C:0, M:0.68, Y:0.77, K:0.2. Its decimal value is 13451823.

Hex triplet	cd422f	`#cd422f`
RGB Decimal	205, 66, 47	`rgb(205,66,47)`
RGB Percent	80.4, 25.9, 18.4	`rgb(80.4%,25.9%,18.4%)`
CMYK	0, 68, 77, 20
HSL	7.2°, 62.7, 49.4	`hsl(7.2,62.7%,49.4%)`
HSV (or HSB)	7.2°, 77.1, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.366, 53.82, 41.667
XYZ	27.639, 17.084, 4.531
xyY	0.561, 0.347, 17.084
CIE-LCH	48.366, 68.064, 37.747
CIE-LUV	48.366, 109.272, 30.496
Hunter-Lab	41.333, 47.031, 22.433
Binary	11001101, 01000010, 00101111

#cd422f
```
#cd422f rgb(205,66,47)
```
#2fbacd
```
#2fbacd rgb(47,186,205)
```

Complementary Color

#cd2f6b
```
#cd2f6b rgb(205,47,107)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#cd912f
```
#cd912f rgb(205,145,47)
```

Analogous Color

#2f6bcd
```
#2f6bcd rgb(47,107,205)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#2fcd91
```
#2fcd91 rgb(47,205,145)
```

Split Complementary Color

#422fcd
```
#422fcd rgb(66,47,205)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#2fcd42
```
#2fcd42 rgb(47,205,66)
```

Triadic Color

#cd2fba
```
#cd2fba rgb(205,47,186)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#2fcd42
```
#2fcd42 rgb(47,205,66)
```
#2fbacd
```
#2fbacd rgb(47,186,205)
```

Tetradic Color

#8f2e21
```
#8f2e21 rgb(143,46,33)
```
#a43525
```
#a43525 rgb(164,53,37)
```
#b83b2a
```
#b83b2a rgb(184,59,42)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#d45342
```
#d45342 rgb(212,83,66)
```
#d86657
```
#d86657 rgb(216,102,87)
```
#dd796b
```
#dd796b rgb(221,121,107)
```

Monochromatic Color

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

#cd2f43
```
#cd2f43 rgb(205,47,67)
```
#cd2f36
```
#cd2f36 rgb(205,47,54)
```
#cd352f
```
#cd352f rgb(205,53,47)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#cd4f2f
```
#cd4f2f rgb(205,79,47)
```
#cd5c2f
```
#cd5c2f rgb(205,92,47)
```
#cd6a2f
```
#cd6a2f rgb(205,106,47)
```

Similar Colors

Text with hexadecimal color #cd422f

This text has a font color of #cd422f.

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

#cd422f background color

This paragraph has a background color of #cd422f.

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

#cd422f border color

This element has a border color of #cd422f.

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

CSS codes

.text {color:#cd422f;}

.background {background-color:#cd422f;}

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

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, #0e0403 is the darkest color, while #fefdfd is the lightest one.

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1d0907
```
#1d0907 rgb(29,9,7)
```
#2d0f0a
```
#2d0f0a rgb(45,15,10)
```
#3d140e
```
#3d140e rgb(61,20,14)
```
#4d1912
```
#4d1912 rgb(77,25,18)
```
#5d1e15
```
#5d1e15 rgb(93,30,21)
```
#6d2319
```
#6d2319 rgb(109,35,25)
```
#7d281d
```
#7d281d rgb(125,40,29)
```
#8d2d20
```
#8d2d20 rgb(141,45,32)
```
#9d3324
```
#9d3324 rgb(157,51,36)
```
#ad3828
```
#ad3828 rgb(173,56,40)
```
#bd3d2b
```
#bd3d2b rgb(189,61,43)
```
#cd422f
```
#cd422f rgb(205,66,47)
```

Shade Color Variation

#d34f3d
```
#d34f3d rgb(211,79,61)
```
#d65e4d
```
#d65e4d rgb(214,94,77)
```
#da6c5d
```
#da6c5d rgb(218,108,93)
```
#de7a6d
```
#de7a6d rgb(222,122,109)
```
#e1897d
```
#e1897d rgb(225,137,125)
```
#e5978d
```
#e5978d rgb(229,151,141)
```
#e8a69d
```
#e8a69d rgb(232,166,157)
```
#ecb4ad
```
#ecb4ad rgb(236,180,173)
```
#f0c3bd
```
#f0c3bd rgb(240,195,189)
```
#f3d1cd
```
#f3d1cd rgb(243,209,205)
```
#f7e0dd
```
#f7e0dd rgb(247,224,221)
```
#fbeeed
```
#fbeeed rgb(251,238,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897673
```
#897673 rgb(137,118,115)
```
#936e69
```
#936e69 rgb(147,110,105)
```
#9d675f
```
#9d675f rgb(157,103,95)
```
#a65f56
```
#a65f56 rgb(166,95,86)
```
#b0584c
```
#b0584c rgb(176,88,76)
```
#ba5142
```
#ba5142 rgb(186,81,66)
```
#c34939
```
#c34939 rgb(195,73,57)
```
#cd422f
```
#cd422f rgb(205,66,47)
```
#d73b25
```
#d73b25 rgb(215,59,37)
```
#e0331c
```
#e0331c rgb(224,51,28)
```
#ea2c12
```
#ea2c12 rgb(234,44,18)
```
#f42508
```
#f42508 rgb(244,37,8)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d615d Atypical Achromatopsia 0.001% of the population

Dichromacy

#857a47 Protanopia 1% of men
#97742e Deuteranopia 1% of men
#d0494c Tritanopia 0.001% of the population

Trichromacy

#9f653e Protanomaly 1% of men, 0.01% of women
#aa622e Deuteranomaly 6% of men, 0.4% of women
#cf4642 Tritanomaly 0.01% of the population

#cd422f hex color

#cd422f Color Information

#cd422f Color Conversion

Color Schemes with #cd422f

Alternatives to #cd422f

#cd422f Preview

Shades and Tints of #cd422f

Tones of #cd422f

Color Blindness Simulator