#dc343f hex color

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

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

● #dc343f color description : Bright red.

The hexadecimal color #dc343f has RGB values of R:220, G:52, B:63 and CMYK values of C:0, M:0.76, Y:0.71, K:0.14. Its decimal value is 14431295.

Hex triplet	dc343f	`#dc343f`
RGB Decimal	220, 52, 63	`rgb(220,52,63)`
RGB Percent	86.3, 20.4, 24.7	`rgb(86.3%,20.4%,24.7%)`
CMYK	0, 76, 71, 14
HSL	356.1°, 70.6, 53.3	`hsl(356.1,70.6%,53.3%)`
HSV (or HSB)	356.1°, 76.4, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.538, 64.043, 34.762
XYZ	31.642, 18.034, 6.517
xyY	0.563, 0.321, 18.034
CIE-LCH	49.538, 72.869, 28.492
CIE-LUV	49.538, 125.954, 23.303
Hunter-Lab	42.467, 58.683, 20.628
Binary	11011100, 00110100, 00111111

#dc343f
```
#dc343f rgb(220,52,63)
```
#34dcd1
```
#34dcd1 rgb(52,220,209)
```

Complementary Color

#dc3493
```
#dc3493 rgb(220,52,147)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#dc7d34
```
#dc7d34 rgb(220,125,52)
```

Analogous Color

#3493dc
```
#3493dc rgb(52,147,220)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#34dc7d
```
#34dc7d rgb(52,220,125)
```

Split Complementary Color

#343fdc
```
#343fdc rgb(52,63,220)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#3fdc34
```
#3fdc34 rgb(63,220,52)
```

Triadic Color

#d134dc
```
#d134dc rgb(209,52,220)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#3fdc34
```
#3fdc34 rgb(63,220,52)
```
#34dcd1
```
#34dcd1 rgb(52,220,209)
```

Tetradic Color

#a71d26
```
#a71d26 rgb(167,29,38)
```
#bd212b
```
#bd212b rgb(189,33,43)
```
#d22430
```
#d22430 rgb(210,36,48)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#e04a54
```
#e04a54 rgb(224,74,84)
```
#e45f68
```
#e45f68 rgb(228,95,104)
```
#e7757d
```
#e7757d rgb(231,117,125)
```

Monochromatic Color

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

#dc3469
```
#dc3469 rgb(220,52,105)
```
#dc345b
```
#dc345b rgb(220,52,91)
```
#dc344d
```
#dc344d rgb(220,52,77)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#dc3734
```
#dc3734 rgb(220,55,52)
```
#dc4534
```
#dc4534 rgb(220,69,52)
```
#dc5334
```
#dc5334 rgb(220,83,52)
```

Similar Colors

Text with hexadecimal color #dc343f

This text has a font color of #dc343f.

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

#dc343f background color

This paragraph has a background color of #dc343f.

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

#dc343f border color

This element has a border color of #dc343f.

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

CSS codes

.text {color:#dc343f;}

.background {background-color:#dc343f;}

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

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)
```
#30080b
```
#30080b rgb(48,8,11)
```
#410b0f
```
#410b0f rgb(65,11,15)
```
#510e12
```
#510e12 rgb(81,14,18)
```
#621116
```
#621116 rgb(98,17,22)
```
#73141a
```
#73141a rgb(115,20,26)
```
#84171e
```
#84171e rgb(132,23,30)
```
#941a22
```
#941a22 rgb(148,26,34)
```
#a51c25
```
#a51c25 rgb(165,28,37)
```
#b61f29
```
#b61f29 rgb(182,31,41)
```
#c7222d
```
#c7222d rgb(199,34,45)
```
#d72531
```
#d72531 rgb(215,37,49)
```

Shade Color Variation

#dc343f
```
#dc343f rgb(220,52,63)
```
#df454f
```
#df454f rgb(223,69,79)
```
#e2555f
```
#e2555f rgb(226,85,95)
```
#e5666e
```
#e5666e rgb(229,102,110)
```
#e8777e
```
#e8777e rgb(232,119,126)
```
#ea888e
```
#ea888e rgb(234,136,142)
```
#ed989e
```
#ed989e rgb(237,152,158)
```
#f0a9ae
```
#f0a9ae rgb(240,169,174)
```
#f3babe
```
#f3babe rgb(243,186,190)
```
#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 #f71927 is the most saturated one.

#8a8687
```
#8a8687 rgb(138,134,135)
```
#937d7f
```
#937d7f rgb(147,125,127)
```
#9c7477
```
#9c7477 rgb(156,116,119)
```
#a56b6f
```
#a56b6f rgb(165,107,111)
```
#ae6267
```
#ae6267 rgb(174,98,103)
```
#b7595f
```
#b7595f rgb(183,89,95)
```
#c14f57
```
#c14f57 rgb(193,79,87)
```
#ca464f
```
#ca464f rgb(202,70,79)
```
#d33d47
```
#d33d47 rgb(211,61,71)
```
#dc343f
```
#dc343f rgb(220,52,63)
```
#e52b37
```
#e52b37 rgb(229,43,55)
```
#ee222f
```
#ee222f rgb(238,34,47)
```
#f71927
```
#f71927 rgb(247,25,39)
```

Tone Color Variation

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

#857c5d Protanopia 1% of men
#99773d Deuteranopia 1% of men
#dd3f41 Tritanopia 0.001% of the population

Trichromacy

#a56252 Protanomaly 1% of men, 0.01% of women
#b15e3d Deuteranomaly 6% of men, 0.4% of women
#dd3b40 Tritanomaly 0.01% of the population

#dc343f hex color

#dc343f Color Information

#dc343f Color Conversion

Color Schemes with #dc343f

Alternatives to #dc343f

#dc343f Preview

Shades and Tints of #dc343f

Tones of #dc343f

Color Blindness Simulator