#dc3457 hex color

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

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

● #dc3457 color description : Bright red.

The hexadecimal color #dc3457 has RGB values of R:220, G:52, B:87 and CMYK values of C:0, M:0.76, Y:0.6, K:0.14. Its decimal value is 14431319.

Hex triplet	dc3457	`#dc3457`
RGB Decimal	220, 52, 87	`rgb(220,52,87)`
RGB Percent	86.3, 20.4, 34.1	`rgb(86.3%,20.4%,34.1%)`
CMYK	0, 76, 60, 14
HSL	347.5°, 70.6, 53.3	`hsl(347.5,70.6%,53.3%)`
HSV (or HSB)	347.5°, 76.4, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.934, 65.313, 20.953
XYZ	32.465, 18.363, 10.851
xyY	0.526, 0.298, 18.363
CIE-LCH	49.934, 68.592, 17.786
CIE-LUV	49.934, 119.163, 11.089
Hunter-Lab	42.853, 60.238, 14.983
Binary	11011100, 00110100, 01010111

#dc3457
```
#dc3457 rgb(220,52,87)
```
#34dcb9
```
#34dcb9 rgb(52,220,185)
```

Complementary Color

#dc34ab
```
#dc34ab rgb(220,52,171)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#dc6534
```
#dc6534 rgb(220,101,52)
```

Analogous Color

#34abdc
```
#34abdc rgb(52,171,220)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#34dc65
```
#34dc65 rgb(52,220,101)
```

Split Complementary Color

#3457dc
```
#3457dc rgb(52,87,220)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#57dc34
```
#57dc34 rgb(87,220,52)
```

Triadic Color

#b934dc
```
#b934dc rgb(185,52,220)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#57dc34
```
#57dc34 rgb(87,220,52)
```
#34dcb9
```
#34dcb9 rgb(52,220,185)
```

Tetradic Color

#a71d3a
```
#a71d3a rgb(167,29,58)
```
#bd2141
```
#bd2141 rgb(189,33,65)
```
#d22448
```
#d22448 rgb(210,36,72)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#e04a69
```
#e04a69 rgb(224,74,105)
```
#e45f7b
```
#e45f7b rgb(228,95,123)
```
#e7758d
```
#e7758d rgb(231,117,141)
```

Monochromatic Color

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

#dc3481
```
#dc3481 rgb(220,52,129)
```
#dc3473
```
#dc3473 rgb(220,52,115)
```
#dc3465
```
#dc3465 rgb(220,52,101)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#dc3449
```
#dc3449 rgb(220,52,73)
```
#dc343b
```
#dc343b rgb(220,52,59)
```
#dc3b34
```
#dc3b34 rgb(220,59,52)
```

Similar Colors

Text with hexadecimal color #dc3457

This text has a font color of #dc3457.

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

#dc3457 background color

This paragraph has a background color of #dc3457.

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

#dc3457 border color

This element has a border color of #dc3457.

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

CSS codes

.text {color:#dc3457;}

.background {background-color:#dc3457;}

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

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)
```
#1f050b
```
#1f050b rgb(31,5,11)
```
#300811
```
#300811 rgb(48,8,17)
```
#410b16
```
#410b16 rgb(65,11,22)
```
#510e1c
```
#510e1c rgb(81,14,28)
```
#621122
```
#621122 rgb(98,17,34)
```
#731428
```
#731428 rgb(115,20,40)
```
#84172d
```
#84172d rgb(132,23,45)
```
#941a33
```
#941a33 rgb(148,26,51)
```
#a51c39
```
#a51c39 rgb(165,28,57)
```
#b61f3f
```
#b61f3f rgb(182,31,63)
```
#c72244
```
#c72244 rgb(199,34,68)
```
#d7254a
```
#d7254a rgb(215,37,74)
```

Shade Color Variation

#dc3457
```
#dc3457 rgb(220,52,87)
```
#df4565
```
#df4565 rgb(223,69,101)
```
#e25573
```
#e25573 rgb(226,85,115)
```
#e56681
```
#e56681 rgb(229,102,129)
```
#e8778e
```
#e8778e rgb(232,119,142)
```
#ea889c
```
#ea889c rgb(234,136,156)
```
#ed98aa
```
#ed98aa rgb(237,152,170)
```
#f0a9b8
```
#f0a9b8 rgb(240,169,184)
```
#f3bac6
```
#f3bac6 rgb(243,186,198)
```
#f6cbd4
```
#f6cbd4 rgb(246,203,212)
```
#f9dbe1
```
#f9dbe1 rgb(249,219,225)
```
#fcecef
```
#fcecef rgb(252,236,239)
```
#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 #f71947 is the most saturated one.

#8a8687
```
#8a8687 rgb(138,134,135)
```
#937d82
```
#937d82 rgb(147,125,130)
```
#9c747c
```
#9c747c rgb(156,116,124)
```
#a56b77
```
#a56b77 rgb(165,107,119)
```
#ae6272
```
#ae6272 rgb(174,98,114)
```
#b7596c
```
#b7596c rgb(183,89,108)
```
#c14f67
```
#c14f67 rgb(193,79,103)
```
#ca4662
```
#ca4662 rgb(202,70,98)
```
#d33d5c
```
#d33d5c rgb(211,61,92)
```
#dc3457
```
#dc3457 rgb(220,52,87)
```
#e52b52
```
#e52b52 rgb(229,43,82)
```
#ee224c
```
#ee224c rgb(238,34,76)
```
#f71947
```
#f71947 rgb(247,25,71)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#815f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817d78 Protanopia 1% of men
#967854 Deuteranopia 1% of men
#dc4346 Tritanopia 0.001% of the population

Trichromacy

#a2626c Protanomaly 1% of men, 0.01% of women
#af5f55 Deuteranomaly 6% of men, 0.4% of women
#dc3e4c Tritanomaly 0.01% of the population

#dc3457 hex color

#dc3457 Color Information

#dc3457 Color Conversion

Color Schemes with #dc3457

Alternatives to #dc3457

#dc3457 Preview

Shades and Tints of #dc3457

Tones of #dc3457

Color Blindness Simulator