#dc3545 hex color

In a RGB color space, hex #dc3545 is composed of 86.3% red, 20.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.9% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 354.3 degrees, a saturation of 70.5% and a lightness of 53.5%. #dc3545 color hex could be obtained by blending #ff6a8a with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 21
- B 27
RGB color chart
- C 0
- M 76
- Y 69
- K 14
CMYK color chart

● #dc3545 color description : Bright red.

The hexadecimal color #dc3545 has RGB values of R:220, G:53, B:69 and CMYK values of C:0, M:0.76, Y:0.69, K:0.14. Its decimal value is 14431557.

Hex triplet	dc3545	`#dc3545`
RGB Decimal	220, 53, 69	`rgb(220,53,69)`
RGB Percent	86.3, 20.8, 27.1	`rgb(86.3%,20.8%,27.1%)`
CMYK	0, 76, 69, 14
HSL	354.3°, 70.5, 53.5	`hsl(354.3,70.5%,53.5%)`
HSV (or HSB)	354.3°, 75.9, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.732, 64.014, 31.478
XYZ	31.864, 18.195, 7.464
xyY	0.554, 0.316, 18.195
CIE-LCH	49.732, 71.334, 26.185
CIE-LUV	49.732, 123.945, 20.797
Hunter-Lab	42.656, 58.691, 19.484
Binary	11011100, 00110101, 01000101

#dc3545
```
#dc3545 rgb(220,53,69)
```
#35dccc
```
#35dccc rgb(53,220,204)
```

Complementary Color

#dc3599
```
#dc3599 rgb(220,53,153)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#dc7935
```
#dc7935 rgb(220,121,53)
```

Analogous Color

#3599dc
```
#3599dc rgb(53,153,220)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#35dc79
```
#35dc79 rgb(53,220,121)
```

Split Complementary Color

#3545dc
```
#3545dc rgb(53,69,220)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#45dc35
```
#45dc35 rgb(69,220,53)
```

Triadic Color

#cc35dc
```
#cc35dc rgb(204,53,220)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#45dc35
```
#45dc35 rgb(69,220,53)
```
#35dccc
```
#35dccc rgb(53,220,204)
```

Tetradic Color

#a71d2a
```
#a71d2a rgb(167,29,42)
```
#bd2130
```
#bd2130 rgb(189,33,48)
```
#d32535
```
#d32535 rgb(211,37,53)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#e04b59
```
#e04b59 rgb(224,75,89)
```
#e4606d
```
#e4606d rgb(228,96,109)
```
#e77681
```
#e77681 rgb(231,118,129)
```

Monochromatic Color

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

#dc356f
```
#dc356f rgb(220,53,111)
```
#dc3561
```
#dc3561 rgb(220,53,97)
```
#dc3553
```
#dc3553 rgb(220,53,83)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#dc3537
```
#dc3537 rgb(220,53,55)
```
#dc4135
```
#dc4135 rgb(220,65,53)
```
#dc4f35
```
#dc4f35 rgb(220,79,53)
```

Similar Colors

Text with hexadecimal color #dc3545

This text has a font color of #dc3545.

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

#dc3545 background color

This paragraph has a background color of #dc3545.

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

#dc3545 border color

This element has a border color of #dc3545.

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

CSS codes

.text {color:#dc3545;}

.background {background-color:#dc3545;}

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

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

#0f0304
```
#0f0304 rgb(15,3,4)
```
#200608
```
#200608 rgb(32,6,8)
```
#31080c
```
#31080c rgb(49,8,12)
```
#410b11
```
#410b11 rgb(65,11,17)
```
#520e15
```
#520e15 rgb(82,14,21)
```
#631119
```
#631119 rgb(99,17,25)
```
#74141d
```
#74141d rgb(116,20,29)
```
#841721
```
#841721 rgb(132,23,33)
```
#951a26
```
#951a26 rgb(149,26,38)
```
#a61d2a
```
#a61d2a rgb(166,29,42)
```
#b7202e
```
#b7202e rgb(183,32,46)
```
#c72332
```
#c72332 rgb(199,35,50)
```
#d82537
```
#d82537 rgb(216,37,55)
```

Shade Color Variation

#dc3545
```
#dc3545 rgb(220,53,69)
```
#df4654
```
#df4654 rgb(223,70,84)
```
#e25664
```
#e25664 rgb(226,86,100)
```
#e56773
```
#e56773 rgb(229,103,115)
```
#e87883
```
#e87883 rgb(232,120,131)
```
#ea8992
```
#ea8992 rgb(234,137,146)
```
#ed99a1
```
#ed99a1 rgb(237,153,161)
```
#f0aab1
```
#f0aab1 rgb(240,170,177)
```
#f3bbc0
```
#f3bbc0 rgb(243,187,192)
```
#f6cbd0
```
#f6cbd0 rgb(246,203,208)
```
#f9dcdf
```
#f9dcdf rgb(249,220,223)
```
#fcedee
```
#fcedee rgb(252,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8a8787
```
#8a8787 rgb(138,135,135)
```
#937e80
```
#937e80 rgb(147,126,128)
```
#9c7579
```
#9c7579 rgb(156,117,121)
```
#a56c71
```
#a56c71 rgb(165,108,113)
```
#ae636a
```
#ae636a rgb(174,99,106)
```
#b85962
```
#b85962 rgb(184,89,98)
```
#c1505b
```
#c1505b rgb(193,80,91)
```
#ca4754
```
#ca4754 rgb(202,71,84)
```
#d33e4c
```
#d33e4c rgb(211,62,76)
```
#dc3545
```
#dc3545 rgb(220,53,69)
```
#e52c3e
```
#e52c3e rgb(229,44,62)
```
#ee2336
```
#ee2336 rgb(238,35,54)
```
#f71a2f
```
#f71a2f rgb(247,26,47)
```

Tone Color Variation

Below, you can see how #dc3545 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
#805f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d63 Protanopia 1% of men
#987743 Deuteranopia 1% of men
#dd4143 Tritanopia 0.001% of the population

Trichromacy

#a46258 Protanomaly 1% of men, 0.01% of women
#b15f44 Deuteranomaly 6% of men, 0.4% of women
#dc3c44 Tritanomaly 0.01% of the population

#dc3545 hex color

#dc3545 Color Information

#dc3545 Color Conversion

Color Schemes with #dc3545

Alternatives to #dc3545

#dc3545 Preview

Shades and Tints of #dc3545

Tones of #dc3545

Color Blindness Simulator