#dc345e hex color

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

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

● #dc345e color description : Bright red.

The hexadecimal color #dc345e has RGB values of R:220, G:52, B:94 and CMYK values of C:0, M:0.76, Y:0.57, K:0.14. Its decimal value is 14431326.

Hex triplet	dc345e	`#dc345e`
RGB Decimal	220, 52, 94	`rgb(220,52,94)`
RGB Percent	86.3, 20.4, 36.9	`rgb(86.3%,20.4%,36.9%)`
CMYK	0, 76, 57, 14
HSL	345°, 70.6, 53.3	`hsl(345,70.6%,53.3%)`
HSV (or HSB)	345°, 76.4, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.077, 65.769, 16.901
XYZ	32.765, 18.483, 12.431
xyY	0.515, 0.29, 18.483
CIE-LCH	50.077, 67.906, 14.412
CIE-LUV	50.077, 116.865, 6.922
Hunter-Lab	42.992, 60.799, 12.951
Binary	11011100, 00110100, 01011110

#dc345e
```
#dc345e rgb(220,52,94)
```
#34dcb2
```
#34dcb2 rgb(52,220,178)
```

Complementary Color

#dc34b2
```
#dc34b2 rgb(220,52,178)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#dc5e34
```
#dc5e34 rgb(220,94,52)
```

Analogous Color

#34b2dc
```
#34b2dc rgb(52,178,220)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#34dc5e
```
#34dc5e rgb(52,220,94)
```

Split Complementary Color

#345edc
```
#345edc rgb(52,94,220)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#5edc34
```
#5edc34 rgb(94,220,52)
```

Triadic Color

#b234dc
```
#b234dc rgb(178,52,220)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#5edc34
```
#5edc34 rgb(94,220,52)
```
#34dcb2
```
#34dcb2 rgb(52,220,178)
```

Tetradic Color

#a71d3f
```
#a71d3f rgb(167,29,63)
```
#bd2148
```
#bd2148 rgb(189,33,72)
```
#d22450
```
#d22450 rgb(210,36,80)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#e04a6f
```
#e04a6f rgb(224,74,111)
```
#e45f81
```
#e45f81 rgb(228,95,129)
```
#e77592
```
#e77592 rgb(231,117,146)
```

Monochromatic Color

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

#dc3488
```
#dc3488 rgb(220,52,136)
```
#dc347a
```
#dc347a rgb(220,52,122)
```
#dc346c
```
#dc346c rgb(220,52,108)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#dc3450
```
#dc3450 rgb(220,52,80)
```
#dc3442
```
#dc3442 rgb(220,52,66)
```
#dc3434
```
#dc3434 rgb(220,52,52)
```

Similar Colors

Text with hexadecimal color #dc345e

This text has a font color of #dc345e.

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

#dc345e background color

This paragraph has a background color of #dc345e.

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

#dc345e border color

This element has a border color of #dc345e.

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

CSS codes

.text {color:#dc345e;}

.background {background-color:#dc345e;}

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

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

#0f0205
```
#0f0205 rgb(15,2,5)
```
#1f050c
```
#1f050c rgb(31,5,12)
```
#300812
```
#300812 rgb(48,8,18)
```
#410b19
```
#410b19 rgb(65,11,25)
```
#510e1f
```
#510e1f rgb(81,14,31)
```
#621125
```
#621125 rgb(98,17,37)
```
#73142c
```
#73142c rgb(115,20,44)
```
#841732
```
#841732 rgb(132,23,50)
```
#941a38
```
#941a38 rgb(148,26,56)
```
#a51c3f
```
#a51c3f rgb(165,28,63)
```
#b61f45
```
#b61f45 rgb(182,31,69)
```
#c7224b
```
#c7224b rgb(199,34,75)
```
#d72552
```
#d72552 rgb(215,37,82)
```

Shade Color Variation

#dc345e
```
#dc345e rgb(220,52,94)
```
#df456b
```
#df456b rgb(223,69,107)
```
#e25579
```
#e25579 rgb(226,85,121)
```
#e56686
```
#e56686 rgb(229,102,134)
```
#e87793
```
#e87793 rgb(232,119,147)
```
#ea88a0
```
#ea88a0 rgb(234,136,160)
```
#ed98ae
```
#ed98ae rgb(237,152,174)
```
#f0a9bb
```
#f0a9bb rgb(240,169,187)
```
#f3bac8
```
#f3bac8 rgb(243,186,200)
```
#f6cbd5
```
#f6cbd5 rgb(246,203,213)
```
#f9dbe3
```
#f9dbe3 rgb(249,219,227)
```
#fcecf0
```
#fcecf0 rgb(252,236,240)
```
#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 #f71950 is the most saturated one.

#8a8687
```
#8a8687 rgb(138,134,135)
```
#937d83
```
#937d83 rgb(147,125,131)
```
#9c747e
```
#9c747e rgb(156,116,126)
```
#a56b79
```
#a56b79 rgb(165,107,121)
```
#ae6275
```
#ae6275 rgb(174,98,117)
```
#b75970
```
#b75970 rgb(183,89,112)
```
#c14f6c
```
#c14f6c rgb(193,79,108)
```
#ca4667
```
#ca4667 rgb(202,70,103)
```
#d33d63
```
#d33d63 rgb(211,61,99)
```
#dc345e
```
#dc345e rgb(220,52,94)
```
#e52b59
```
#e52b59 rgb(229,43,89)
```
#ee2255
```
#ee2255 rgb(238,34,85)
```
#f71950
```
#f71950 rgb(247,25,80)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#826068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d80 Protanopia 1% of men
#95795b Deuteranopia 1% of men
#dc4548 Tritanopia 0.001% of the population

Trichromacy

#a16274 Protanomaly 1% of men, 0.01% of women
#ae605c Deuteranomaly 6% of men, 0.4% of women
#dc3f50 Tritanomaly 0.01% of the population

#dc345e hex color

#dc345e Color Information

#dc345e Color Conversion

Color Schemes with #dc345e

Alternatives to #dc345e

#dc345e Preview

Shades and Tints of #dc345e

Tones of #dc345e

Color Blindness Simulator