#dc311b hex color

In a RGB color space, hex #dc311b is composed of 86.3% red, 19.2% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 87.7% yellow and 13.7% black. It has a hue angle of 6.8 degrees, a saturation of 78.1% and a lightness of 48.4%. #dc311b color hex could be obtained by blending #ff6236 with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 19
- B 11
RGB color chart
- C 0
- M 78
- Y 88
- K 14
CMYK color chart

● #dc311b color description : Vivid red.

The hexadecimal color #dc311b has RGB values of R:220, G:49, B:27 and CMYK values of C:0, M:0.78, Y:0.88, K:0.14. Its decimal value is 14430491.

Hex triplet	dc311b	`#dc311b`
RGB Decimal	220, 49, 27	`rgb(220,49,27)`
RGB Percent	86.3, 19.2, 10.6	`rgb(86.3%,19.2%,10.6%)`
CMYK	0, 78, 88, 14
HSL	6.8°, 78.1, 48.4	`hsl(6.8,78.1%,48.4%)`
HSV (or HSB)	6.8°, 87.7, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.878, 63.833, 52.886
XYZ	30.813, 17.495, 2.791
xyY	0.603, 0.342, 17.495
CIE-LCH	48.878, 82.895, 39.642
CIE-LUV	48.878, 133.944, 34.128
Hunter-Lab	41.827, 58.298, 25.322
Binary	11011100, 00110001, 00011011

#dc311b
```
#dc311b rgb(220,49,27)
```
#1bc6dc
```
#1bc6dc rgb(27,198,220)
```

Complementary Color

#dc1b66
```
#dc1b66 rgb(220,27,102)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#dc921b
```
#dc921b rgb(220,146,27)
```

Analogous Color

#1b66dc
```
#1b66dc rgb(27,102,220)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#1bdc92
```
#1bdc92 rgb(27,220,146)
```

Split Complementary Color

#311bdc
```
#311bdc rgb(49,27,220)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#1bdc31
```
#1bdc31 rgb(27,220,49)
```

Triadic Color

#dc1bc6
```
#dc1bc6 rgb(220,27,198)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#1bdc31
```
#1bdc31 rgb(27,220,49)
```
#1bc6dc
```
#1bc6dc rgb(27,198,220)
```

Tetradic Color

#982213
```
#982213 rgb(152,34,19)
```
#af2715
```
#af2715 rgb(175,39,21)
```
#c52c18
```
#c52c18 rgb(197,44,24)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#e5412b
```
#e5412b rgb(229,65,43)
```
#e85542
```
#e85542 rgb(232,85,66)
```
#eb6959
```
#eb6959 rgb(235,105,89)
```

Monochromatic Color

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

#dc1b35
```
#dc1b35 rgb(220,27,53)
```
#dc1b25
```
#dc1b25 rgb(220,27,37)
```
#dc211b
```
#dc211b rgb(220,33,27)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#dc411b
```
#dc411b rgb(220,65,27)
```
#dc511b
```
#dc511b rgb(220,81,27)
```
#dc611b
```
#dc611b rgb(220,97,27)
```

Similar Colors

Text with hexadecimal color #dc311b

This text has a font color of #dc311b.

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

#dc311b background color

This paragraph has a background color of #dc311b.

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

#dc311b border color

This element has a border color of #dc311b.

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

CSS codes

.text {color:#dc311b;}

.background {background-color:#dc311b;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1c0603
```
#1c0603 rgb(28,6,3)
```
#2d0a06
```
#2d0a06 rgb(45,10,6)
```
#3f0e08
```
#3f0e08 rgb(63,14,8)
```
#50120a
```
#50120a rgb(80,18,10)
```
#62160c
```
#62160c rgb(98,22,12)
```
#731a0e
```
#731a0e rgb(115,26,14)
```
#851e10
```
#851e10 rgb(133,30,16)
```
#962112
```
#962112 rgb(150,33,18)
```
#a82515
```
#a82515 rgb(168,37,21)
```
#b92917
```
#b92917 rgb(185,41,23)
```
#cb2d19
```
#cb2d19 rgb(203,45,25)
```
#dc311b
```
#dc311b rgb(220,49,27)
```

Shade Color Variation

#e43c26
```
#e43c26 rgb(228,60,38)
```
#e74c38
```
#e74c38 rgb(231,76,56)
```
#e95b49
```
#e95b49 rgb(233,91,73)
```
#eb6b5b
```
#eb6b5b rgb(235,107,91)
```
#ed7b6c
```
#ed7b6c rgb(237,123,108)
```
#ef8b7e
```
#ef8b7e rgb(239,139,126)
```
#f19a8f
```
#f19a8f rgb(241,154,143)
```
#f3aaa1
```
#f3aaa1 rgb(243,170,161)
```
#f6bab2
```
#f6bab2 rgb(246,186,178)
```
#f8c9c3
```
#f8c9c3 rgb(248,201,195)
```
#fad9d5
```
#fad9d5 rgb(250,217,213)
```
#fce9e6
```
#fce9e6 rgb(252,233,230)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#7d7a7a
```
#7d7a7a rgb(125,122,122)
```
#877371
```
#877371 rgb(135,115,113)
```
#906c67
```
#906c67 rgb(144,108,103)
```
#9a645e
```
#9a645e rgb(154,100,94)
```
#a35d54
```
#a35d54 rgb(163,93,84)
```
#ad564b
```
#ad564b rgb(173,86,75)
```
#b64e41
```
#b64e41 rgb(182,78,65)
```
#c04738
```
#c04738 rgb(192,71,56)
```
#c9402e
```
#c9402e rgb(201,64,46)
```
#d33825
```
#d33825 rgb(211,56,37)
```
#dc311b
```
#dc311b rgb(220,49,27)
```
#e62a12
```
#e62a12 rgb(230,42,18)
```
#ef2208
```
#ef2208 rgb(239,34,8)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7a5854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b35 Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#de393a Tritanopia 0.001% of the population

Trichromacy

#a7602c Protanomaly 1% of men, 0.01% of women
#b25c09 Deuteranomaly 6% of men, 0.4% of women
#dd362f Tritanomaly 0.01% of the population

#dc311b hex color

#dc311b Color Information

#dc311b Color Conversion

Color Schemes with #dc311b

Alternatives to #dc311b

#dc311b Preview

Shades and Tints of #dc311b

Tones of #dc311b

Color Blindness Simulator