#cd311f hex color

In a RGB color space, hex #cd311f is composed of 80.4% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 6.2 degrees, a saturation of 73.7% and a lightness of 46.3%. #cd311f color hex could be obtained by blending #ff623e with #9b0000. Closest websafe color is: #cc3333.

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

● #cd311f color description : Strong red.

The hexadecimal color #cd311f has RGB values of R:205, G:49, B:31 and CMYK values of C:0, M:0.76, Y:0.85, K:0.2. Its decimal value is 13447455.

Hex triplet	cd311f	`#cd311f`
RGB Decimal	205, 49, 31	`rgb(205,49,31)`
RGB Percent	80.4, 19.2, 12.2	`rgb(80.4%,19.2%,12.2%)`
CMYK	0, 76, 85, 20
HSL	6.2°, 73.7, 46.3	`hsl(6.2,73.7%,46.3%)`
HSV (or HSB)	6.2°, 84.9, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.013, 59.445, 47.545
XYZ	26.524, 15.278, 2.849
xyY	0.594, 0.342, 15.278
CIE-LCH	46.013, 76.12, 38.654
CIE-LUV	46.013, 121.83, 31.124
Hunter-Lab	39.087, 52.725, 23.04
Binary	11001101, 00110001, 00011111

#cd311f
```
#cd311f rgb(205,49,31)
```
#1fbbcd
```
#1fbbcd rgb(31,187,205)
```

Complementary Color

#cd1f64
```
#cd1f64 rgb(205,31,100)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#cd881f
```
#cd881f rgb(205,136,31)
```

Analogous Color

#1f64cd
```
#1f64cd rgb(31,100,205)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#1fcd88
```
#1fcd88 rgb(31,205,136)
```

Split Complementary Color

#311fcd
```
#311fcd rgb(49,31,205)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#1fcd31
```
#1fcd31 rgb(31,205,49)
```

Triadic Color

#cd1fbb
```
#cd1fbb rgb(205,31,187)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#1fcd31
```
#1fcd31 rgb(31,205,49)
```
#1fbbcd
```
#1fbbcd rgb(31,187,205)
```

Tetradic Color

#8b2115
```
#8b2115 rgb(139,33,21)
```
#a12618
```
#a12618 rgb(161,38,24)
```
#b72c1c
```
#b72c1c rgb(183,44,28)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#de3a27
```
#de3a27 rgb(222,58,39)
```
#e24e3d
```
#e24e3d rgb(226,78,61)
```
#e56353
```
#e56353 rgb(229,99,83)
```

Monochromatic Color

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

#cd1f39
```
#cd1f39 rgb(205,31,57)
```
#cd1f2a
```
#cd1f2a rgb(205,31,42)
```
#cd221f
```
#cd221f rgb(205,34,31)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#cd3f1f
```
#cd3f1f rgb(205,63,31)
```
#cd4e1f
```
#cd4e1f rgb(205,78,31)
```
#cd5c1f
```
#cd5c1f rgb(205,92,31)
```

Similar Colors

Text with hexadecimal color #cd311f

This text has a font color of #cd311f.

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

#cd311f background color

This paragraph has a background color of #cd311f.

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

#cd311f border color

This element has a border color of #cd311f.

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

CSS codes

.text {color:#cd311f;}

.background {background-color:#cd311f;}

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

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, #010000 is the darkest color, while #fdf0ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230805
```
#230805 rgb(35,8,5)
```
#340c08
```
#340c08 rgb(52,12,8)
```
#45100a
```
#45100a rgb(69,16,10)
```
#56140d
```
#56140d rgb(86,20,13)
```
#671910
```
#671910 rgb(103,25,16)
```
#781d12
```
#781d12 rgb(120,29,18)
```
#892115
```
#892115 rgb(137,33,21)
```
#9a2517
```
#9a2517 rgb(154,37,23)
```
#ab291a
```
#ab291a rgb(171,41,26)
```
#bc2d1c
```
#bc2d1c rgb(188,45,28)
```
#cd311f
```
#cd311f rgb(205,49,31)
```

Shade Color Variation

#de3522
```
#de3522 rgb(222,53,34)
```
#e04533
```
#e04533 rgb(224,69,51)
```
#e35544
```
#e35544 rgb(227,85,68)
```
#e56455
```
#e56455 rgb(229,100,85)
```
#e87466
```
#e87466 rgb(232,116,102)
```
#ea8377
```
#ea8377 rgb(234,131,119)
```
#ed9388
```
#ed9388 rgb(237,147,136)
```
#f0a299
```
#f0a299 rgb(240,162,153)
```
#f2b2aa
```
#f2b2aa rgb(242,178,170)
```
#f5c1bb
```
#f5c1bb rgb(245,193,187)
```
#f7d1cc
```
#f7d1cc rgb(247,209,204)
```
#fae0dd
```
#fae0dd rgb(250,224,221)
```
#fdf0ee
```
#fdf0ee rgb(253,240,238)
```

Tint Color Variation

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

#7b7271
```
#7b7271 rgb(123,114,113)
```
#846b68
```
#846b68 rgb(132,107,104)
```
#8d635f
```
#8d635f rgb(141,99,95)
```
#975c55
```
#975c55 rgb(151,92,85)
```
#a0554c
```
#a0554c rgb(160,85,76)
```
#a94e43
```
#a94e43 rgb(169,78,67)
```
#b2473a
```
#b2473a rgb(178,71,58)
```
#bb3f31
```
#bb3f31 rgb(187,63,49)
```
#c43828
```
#c43828 rgb(196,56,40)
```
#cd311f
```
#cd311f rgb(205,49,31)
```
#d62a16
```
#d62a16 rgb(214,42,22)
```
#df230d
```
#df230d rgb(223,35,13)
```
#e81b04
```
#e81b04 rgb(232,27,4)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807438 Protanopia 1% of men
#916e18 Deuteranopia 1% of men
#d0393b Tritanopia 0.001% of the population

Trichromacy

#9c5c2f Protanomaly 1% of men, 0.01% of women
#a7581a Deuteranomaly 6% of men, 0.4% of women
#ce3631 Tritanomaly 0.01% of the population

#cd311f hex color

#cd311f Color Information

#cd311f Color Conversion

Color Schemes with #cd311f

Alternatives to #cd311f

#cd311f Preview

Shades and Tints of #cd311f

Tones of #cd311f

Color Blindness Simulator