#cd302f hex color

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

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

● #cd302f color description : Strong red.

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

Hex triplet	cd302f	`#cd302f`
RGB Decimal	205, 48, 47	`rgb(205,48,47)`
RGB Percent	80.4, 18.8, 18.4	`rgb(80.4%,18.8%,18.4%)`
CMYK	0, 77, 77, 20
HSL	0.4°, 62.7, 49.4	`hsl(0.4,62.7%,49.4%)`
HSV (or HSB)	0.4°, 77.1, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.044, 60.226, 39.214
XYZ	26.748, 15.302, 4.234
xyY	0.578, 0.331, 15.302
CIE-LCH	46.044, 71.867, 33.069
CIE-LUV	46.044, 119.68, 26.134
Hunter-Lab	39.117, 53.603, 20.964
Binary	11001101, 00110000, 00101111

#cd302f
```
#cd302f rgb(205,48,47)
```
#2fcccd
```
#2fcccd rgb(47,204,205)
```

Complementary Color

#cd2f7d
```
#cd2f7d rgb(205,47,125)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#cd7f2f
```
#cd7f2f rgb(205,127,47)
```

Analogous Color

#2f7dcd
```
#2f7dcd rgb(47,125,205)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#2fcd7f
```
#2fcd7f rgb(47,205,127)
```

Split Complementary Color

#302fcd
```
#302fcd rgb(48,47,205)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#2fcd30
```
#2fcd30 rgb(47,205,48)
```

Triadic Color

#cd2fcc
```
#cd2fcc rgb(205,47,204)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#2fcd30
```
#2fcd30 rgb(47,205,48)
```
#2fcccd
```
#2fcccd rgb(47,204,205)
```

Tetradic Color

#8f2121
```
#8f2121 rgb(143,33,33)
```
#a42625
```
#a42625 rgb(164,38,37)
```
#b82b2a
```
#b82b2a rgb(184,43,42)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#d44342
```
#d44342 rgb(212,67,66)
```
#d85757
```
#d85757 rgb(216,87,87)
```
#dd6c6b
```
#dd6c6b rgb(221,108,107)
```

Monochromatic Color

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

#cd2f56
```
#cd2f56 rgb(205,47,86)
```
#cd2f48
```
#cd2f48 rgb(205,47,72)
```
#cd2f3b
```
#cd2f3b rgb(205,47,59)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#cd3d2f
```
#cd3d2f rgb(205,61,47)
```
#cd4a2f
```
#cd4a2f rgb(205,74,47)
```
#cd582f
```
#cd582f rgb(205,88,47)
```

Similar Colors

Text with hexadecimal color #cd302f

This text has a font color of #cd302f.

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

#cd302f background color

This paragraph has a background color of #cd302f.

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

#cd302f border color

This element has a border color of #cd302f.

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

CSS codes

.text {color:#cd302f;}

.background {background-color:#cd302f;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#2d0b0a
```
#2d0b0a rgb(45,11,10)
```
#3d0e0e
```
#3d0e0e rgb(61,14,14)
```
#4d1212
```
#4d1212 rgb(77,18,18)
```
#5d1615
```
#5d1615 rgb(93,22,21)
```
#6d1a19
```
#6d1a19 rgb(109,26,25)
```
#7d1d1d
```
#7d1d1d rgb(125,29,29)
```
#8d2120
```
#8d2120 rgb(141,33,32)
```
#9d2524
```
#9d2524 rgb(157,37,36)
```
#ad2928
```
#ad2928 rgb(173,41,40)
```
#bd2c2b
```
#bd2c2b rgb(189,44,43)
```
#cd302f
```
#cd302f rgb(205,48,47)
```

Shade Color Variation

#d33e3d
```
#d33e3d rgb(211,62,61)
```
#d64e4d
```
#d64e4d rgb(214,78,77)
```
#da5e5d
```
#da5e5d rgb(218,94,93)
```
#de6e6d
```
#de6e6d rgb(222,110,109)
```
#e17e7d
```
#e17e7d rgb(225,126,125)
```
#e58d8d
```
#e58d8d rgb(229,141,141)
```
#e89d9d
```
#e89d9d rgb(232,157,157)
```
#ecadad
```
#ecadad rgb(236,173,173)
```
#f0bdbd
```
#f0bdbd rgb(240,189,189)
```
#f3cdcd
```
#f3cdcd rgb(243,205,205)
```
#f7dddd
```
#f7dddd rgb(247,221,221)
```
#fbeded
```
#fbeded rgb(251,237,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 #f40a08 is the most saturated one.

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897373
```
#897373 rgb(137,115,115)
```
#936969
```
#936969 rgb(147,105,105)
```
#9d605f
```
#9d605f rgb(157,96,95)
```
#a65656
```
#a65656 rgb(166,86,86)
```
#b04d4c
```
#b04d4c rgb(176,77,76)
```
#ba4342
```
#ba4342 rgb(186,67,66)
```
#c33a39
```
#c33a39 rgb(195,58,57)
```
#cd302f
```
#cd302f rgb(205,48,47)
```
#d72625
```
#d72625 rgb(215,38,37)
```
#e01d1c
```
#e01d1c rgb(224,29,28)
```
#ea1312
```
#ea1312 rgb(234,19,18)
```
#f40a08
```
#f40a08 rgb(244,10,8)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#755655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744a Protanopia 1% of men
#906f2d Deuteranopia 1% of men
#cf3a3c Tritanopia 0.001% of the population

Trichromacy

#9b5b40 Protanomaly 1% of men, 0.01% of women
#a6582e Deuteranomaly 6% of men, 0.4% of women
#ce3637 Tritanomaly 0.01% of the population

#cd302f hex color

#cd302f Color Information

#cd302f Color Conversion

Color Schemes with #cd302f

Alternatives to #cd302f

#cd302f Preview

Shades and Tints of #cd302f

Tones of #cd302f

Color Blindness Simulator