#dc343d hex color

In a RGB color space, hex #dc343d is composed of 86.3% red, 20.4% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 72.3% yellow and 13.7% black. It has a hue angle of 356.8 degrees, a saturation of 70.6% and a lightness of 53.3%. #dc343d color hex could be obtained by blending #ff687a with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 20
- B 24
RGB color chart
- C 0
- M 76
- Y 72
- K 14
CMYK color chart

● #dc343d color description : Bright red.

The hexadecimal color #dc343d has RGB values of R:220, G:52, B:61 and CMYK values of C:0, M:0.76, Y:0.72, K:0.14. Its decimal value is 14431293.

Hex triplet	dc343d	`#dc343d`
RGB Decimal	220, 52, 61	`rgb(220,52,61)`
RGB Percent	86.3, 20.4, 23.9	`rgb(86.3%,20.4%,23.9%)`
CMYK	0, 76, 72, 14
HSL	356.8°, 70.6, 53.3	`hsl(356.8,70.6%,53.3%)`
HSV (or HSB)	356.8°, 76.4, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.511, 63.957, 35.89
XYZ	31.587, 18.012, 6.228
xyY	0.566, 0.323, 18.012
CIE-LCH	49.511, 73.339, 29.299
CIE-LUV	49.511, 126.434, 24.162
Hunter-Lab	42.441, 58.578, 21.008
Binary	11011100, 00110100, 00111101

#dc343d
```
#dc343d rgb(220,52,61)
```
#34dcd3
```
#34dcd3 rgb(52,220,211)
```

Complementary Color

#dc3491
```
#dc3491 rgb(220,52,145)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#dc7f34
```
#dc7f34 rgb(220,127,52)
```

Analogous Color

#3491dc
```
#3491dc rgb(52,145,220)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#34dc7f
```
#34dc7f rgb(52,220,127)
```

Split Complementary Color

#343ddc
```
#343ddc rgb(52,61,220)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#3ddc34
```
#3ddc34 rgb(61,220,52)
```

Triadic Color

#d334dc
```
#d334dc rgb(211,52,220)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#3ddc34
```
#3ddc34 rgb(61,220,52)
```
#34dcd3
```
#34dcd3 rgb(52,220,211)
```

Tetradic Color

#a71d24
```
#a71d24 rgb(167,29,36)
```
#bd2129
```
#bd2129 rgb(189,33,41)
```
#d2242e
```
#d2242e rgb(210,36,46)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#e04a52
```
#e04a52 rgb(224,74,82)
```
#e45f67
```
#e45f67 rgb(228,95,103)
```
#e7757b
```
#e7757b rgb(231,117,123)
```

Monochromatic Color

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

#dc3467
```
#dc3467 rgb(220,52,103)
```
#dc3459
```
#dc3459 rgb(220,52,89)
```
#dc344b
```
#dc344b rgb(220,52,75)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#dc3934
```
#dc3934 rgb(220,57,52)
```
#dc4734
```
#dc4734 rgb(220,71,52)
```
#dc5534
```
#dc5534 rgb(220,85,52)
```

Similar Colors

Text with hexadecimal color #dc343d

This text has a font color of #dc343d.

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

#dc343d background color

This paragraph has a background color of #dc343d.

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

#dc343d border color

This element has a border color of #dc343d.

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

CSS codes

.text {color:#dc343d;}

.background {background-color:#dc343d;}

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

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

#0f0203
```
#0f0203 rgb(15,2,3)
```
#1f0507
```
#1f0507 rgb(31,5,7)
```
#30080a
```
#30080a rgb(48,8,10)
```
#410b0e
```
#410b0e rgb(65,11,14)
```
#510e12
```
#510e12 rgb(81,14,18)
```
#621115
```
#621115 rgb(98,17,21)
```
#731419
```
#731419 rgb(115,20,25)
```
#84171d
```
#84171d rgb(132,23,29)
```
#941a20
```
#941a20 rgb(148,26,32)
```
#a51c24
```
#a51c24 rgb(165,28,36)
```
#b61f27
```
#b61f27 rgb(182,31,39)
```
#c7222b
```
#c7222b rgb(199,34,43)
```
#d7252f
```
#d7252f rgb(215,37,47)
```

Shade Color Variation

#dc343d
```
#dc343d rgb(220,52,61)
```
#df454d
```
#df454d rgb(223,69,77)
```
#e2555d
```
#e2555d rgb(226,85,93)
```
#e5666d
```
#e5666d rgb(229,102,109)
```
#e8777d
```
#e8777d rgb(232,119,125)
```
#ea888d
```
#ea888d rgb(234,136,141)
```
#ed989d
```
#ed989d rgb(237,152,157)
```
#f0a9ad
```
#f0a9ad rgb(240,169,173)
```
#f3babd
```
#f3babd rgb(243,186,189)
```
#f6cbcd
```
#f6cbcd rgb(246,203,205)
```
#f9dbdd
```
#f9dbdd rgb(249,219,221)
```
#fceced
```
#fceced rgb(252,236,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8a8687
```
#8a8687 rgb(138,134,135)
```
#937d7e
```
#937d7e rgb(147,125,126)
```
#9c7476
```
#9c7476 rgb(156,116,118)
```
#a56b6e
```
#a56b6e rgb(165,107,110)
```
#ae6266
```
#ae6266 rgb(174,98,102)
```
#b7595e
```
#b7595e rgb(183,89,94)
```
#c14f56
```
#c14f56 rgb(193,79,86)
```
#ca464d
```
#ca464d rgb(202,70,77)
```
#d33d45
```
#d33d45 rgb(211,61,69)
```
#dc343d
```
#dc343d rgb(220,52,61)
```
#e52b35
```
#e52b35 rgb(229,43,53)
```
#ee222d
```
#ee222d rgb(238,34,45)
```
#f71924
```
#f71924 rgb(247,25,36)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7e5d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#867c5a Protanopia 1% of men
#99773b Deuteranopia 1% of men
#dd3f41 Tritanopia 0.001% of the population

Trichromacy

#a5624f Protanomaly 1% of men, 0.01% of women
#b15e3b Deuteranomaly 6% of men, 0.4% of women
#dd3b3f Tritanomaly 0.01% of the population

#dc343d hex color

#dc343d Color Information

#dc343d Color Conversion

Color Schemes with #dc343d

Alternatives to #dc343d

#dc343d Preview

Shades and Tints of #dc343d

Tones of #dc343d

Color Blindness Simulator