#cd312f hex color

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

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

● #cd312f color description : Strong red.

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

Hex triplet	cd312f	`#cd312f`
RGB Decimal	205, 49, 47	`rgb(205,49,47)`
RGB Percent	80.4, 19.2, 18.4	`rgb(80.4%,19.2%,18.4%)`
CMYK	0, 76, 77, 20
HSL	0.8°, 62.7, 49.4	`hsl(0.8,62.7%,49.4%)`
HSV (or HSB)	0.8°, 77.1, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.156, 59.914, 39.333
XYZ	26.79, 15.384, 4.248
xyY	0.577, 0.331, 15.384
CIE-LCH	46.156, 71.671, 33.285
CIE-LUV	46.156, 119.169, 26.346
Hunter-Lab	39.223, 53.277, 21.034
Binary	11001101, 00110001, 00101111

#cd312f
```
#cd312f rgb(205,49,47)
```
#2fcbcd
```
#2fcbcd rgb(47,203,205)
```

Complementary Color

#cd2f7c
```
#cd2f7c rgb(205,47,124)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#cd802f
```
#cd802f rgb(205,128,47)
```

Analogous Color

#2f7ccd
```
#2f7ccd rgb(47,124,205)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#2fcd80
```
#2fcd80 rgb(47,205,128)
```

Split Complementary Color

#312fcd
```
#312fcd rgb(49,47,205)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#2fcd31
```
#2fcd31 rgb(47,205,49)
```

Triadic Color

#cd2fcb
```
#cd2fcb rgb(205,47,203)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#2fcd31
```
#2fcd31 rgb(47,205,49)
```
#2fcbcd
```
#2fcbcd rgb(47,203,205)
```

Tetradic Color

#8f2221
```
#8f2221 rgb(143,34,33)
```
#a42725
```
#a42725 rgb(164,39,37)
```
#b82c2a
```
#b82c2a rgb(184,44,42)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#d44442
```
#d44442 rgb(212,68,66)
```
#d85857
```
#d85857 rgb(216,88,87)
```
#dd6d6b
```
#dd6d6b rgb(221,109,107)
```

Monochromatic Color

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

#cd2f54
```
#cd2f54 rgb(205,47,84)
```
#cd2f47
```
#cd2f47 rgb(205,47,71)
```
#cd2f3a
```
#cd2f3a rgb(205,47,58)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#cd3e2f
```
#cd3e2f rgb(205,62,47)
```
#cd4b2f
```
#cd4b2f rgb(205,75,47)
```
#cd592f
```
#cd592f rgb(205,89,47)
```

Similar Colors

Text with hexadecimal color #cd312f

This text has a font color of #cd312f.

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

#cd312f background color

This paragraph has a background color of #cd312f.

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

#cd312f border color

This element has a border color of #cd312f.

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

CSS codes

.text {color:#cd312f;}

.background {background-color:#cd312f;}

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

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)
```
#3d0f0e
```
#3d0f0e rgb(61,15,14)
```
#4d1212
```
#4d1212 rgb(77,18,18)
```
#5d1615
```
#5d1615 rgb(93,22,21)
```
#6d1a19
```
#6d1a19 rgb(109,26,25)
```
#7d1e1d
```
#7d1e1d rgb(125,30,29)
```
#8d2220
```
#8d2220 rgb(141,34,32)
```
#9d2624
```
#9d2624 rgb(157,38,36)
```
#ad2928
```
#ad2928 rgb(173,41,40)
```
#bd2d2b
```
#bd2d2b rgb(189,45,43)
```
#cd312f
```
#cd312f rgb(205,49,47)
```

Shade Color Variation

#d33f3d
```
#d33f3d rgb(211,63,61)
```
#d64f4d
```
#d64f4d rgb(214,79,77)
```
#da5f5d
```
#da5f5d rgb(218,95,93)
```
#de6e6d
```
#de6e6d rgb(222,110,109)
```
#e17e7d
```
#e17e7d rgb(225,126,125)
```
#e58e8d
```
#e58e8d rgb(229,142,141)
```
#e89e9d
```
#e89e9d rgb(232,158,157)
```
#ecaead
```
#ecaead rgb(236,174,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 #f40b08 is the most saturated one.

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897373
```
#897373 rgb(137,115,115)
```
#936a69
```
#936a69 rgb(147,106,105)
```
#9d605f
```
#9d605f rgb(157,96,95)
```
#a65756
```
#a65756 rgb(166,87,86)
```
#b04d4c
```
#b04d4c rgb(176,77,76)
```
#ba4442
```
#ba4442 rgb(186,68,66)
```
#c33a39
```
#c33a39 rgb(195,58,57)
```
#cd312f
```
#cd312f rgb(205,49,47)
```
#d72825
```
#d72825 rgb(215,40,37)
```
#e01e1c
```
#e01e1c rgb(224,30,28)
```
#ea1512
```
#ea1512 rgb(234,21,18)
```
#f40b08
```
#f40b08 rgb(244,11,8)
```

Tone Color Variation

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

#7f744a Protanopia 1% of men
#906f2d Deuteranopia 1% of men
#cf3b3d Tritanopia 0.001% of the population

Trichromacy

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

#cd312f hex color

#cd312f Color Information

#cd312f Color Conversion

Color Schemes with #cd312f

Alternatives to #cd312f

#cd312f Preview

Shades and Tints of #cd312f

Tones of #cd312f

Color Blindness Simulator