#dc4345 hex color

In a RGB color space, hex #dc4345 is composed of 86.3% red, 26.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 359.2 degrees, a saturation of 68.6% and a lightness of 56.3%. #dc4345 color hex could be obtained by blending #ff868a with #b90000. Closest websafe color is: #cc3333.

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

● #dc4345 color description : Soft red.

The hexadecimal color #dc4345 has RGB values of R:220, G:67, B:69 and CMYK values of C:0, M:0.7, Y:0.69, K:0.14. Its decimal value is 14435141.

Hex triplet	dc4345	`#dc4345`
RGB Decimal	220, 67, 69	`rgb(220,67,69)`
RGB Percent	86.3, 26.3, 27.1	`rgb(86.3%,26.3%,27.1%)`
CMYK	0, 70, 69, 14
HSL	359.2°, 68.6, 56.3	`hsl(359.2,68.6%,56.3%)`
HSV (or HSB)	359.2°, 69.5, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	51.454, 59.237, 33.562
XYZ	32.598, 19.663, 7.709
xyY	0.544, 0.328, 19.663
CIE-LCH	51.454, 68.084, 29.535
CIE-LUV	51.454, 116.384, 24.295
Hunter-Lab	44.343, 53.619, 20.733
Binary	11011100, 01000011, 01000101

#dc4345
```
#dc4345 rgb(220,67,69)
```
#43dcda
```
#43dcda rgb(67,220,218)
```

Complementary Color

#dc4392
```
#dc4392 rgb(220,67,146)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#dc8e43
```
#dc8e43 rgb(220,142,67)
```

Analogous Color

#4392dc
```
#4392dc rgb(67,146,220)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#43dc8e
```
#43dc8e rgb(67,220,142)
```

Split Complementary Color

#4345dc
```
#4345dc rgb(67,69,220)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#45dc43
```
#45dc43 rgb(69,220,67)
```

Triadic Color

#da43dc
```
#da43dc rgb(218,67,220)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#45dc43
```
#45dc43 rgb(69,220,67)
```
#43dcda
```
#43dcda rgb(67,220,218)
```

Tetradic Color

#b12123
```
#b12123 rgb(177,33,35)
```
#c72527
```
#c72527 rgb(199,37,39)
```
#d82e30
```
#d82e30 rgb(216,46,48)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#e0585a
```
#e0585a rgb(224,88,90)
```
#e46e70
```
#e46e70 rgb(228,110,112)
```
#e88385
```
#e88385 rgb(232,131,133)
```

Monochromatic Color

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

#dc436b
```
#dc436b rgb(220,67,107)
```
#dc435f
```
#dc435f rgb(220,67,95)
```
#dc4352
```
#dc4352 rgb(220,67,82)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#dc4e43
```
#dc4e43 rgb(220,78,67)
```
#dc5a43
```
#dc5a43 rgb(220,90,67)
```
#dc6743
```
#dc6743 rgb(220,103,67)
```

Similar Colors

Text with hexadecimal color #dc4345

This text has a font color of #dc4345.

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

#dc4345 background color

This paragraph has a background color of #dc4345.

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

#dc4345 border color

This element has a border color of #dc4345.

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

CSS codes

.text {color:#dc4345;}

.background {background-color:#dc4345;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0505
```
#1b0505 rgb(27,5,5)
```
#2c0809
```
#2c0809 rgb(44,8,9)
```
#3c0b0c
```
#3c0b0c rgb(60,11,12)
```
#4d0e0f
```
#4d0e0f rgb(77,14,15)
```
#5d1112
```
#5d1112 rgb(93,17,18)
```
#6e1416
```
#6e1416 rgb(110,20,22)
```
#7e1719
```
#7e1719 rgb(126,23,25)
```
#8f1b1c
```
#8f1b1c rgb(143,27,28)
```
#9f1e1f
```
#9f1e1f rgb(159,30,31)
```
#b02123
```
#b02123 rgb(176,33,35)
```
#c02426
```
#c02426 rgb(192,36,38)
```
#d12729
```
#d12729 rgb(209,39,41)
```

Shade Color Variation

#d93235
```
#d93235 rgb(217,50,53)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#df5455
```
#df5455 rgb(223,84,85)
```
#e26466
```
#e26466 rgb(226,100,102)
```
#e57576
```
#e57576 rgb(229,117,118)
```
#e88586
```
#e88586 rgb(232,133,134)
```
#eb9697
```
#eb9697 rgb(235,150,151)
```
#eea6a7
```
#eea6a7 rgb(238,166,167)
```
#f2b7b8
```
#f2b7b8 rgb(242,183,184)
```
#f5c7c8
```
#f5c7c8 rgb(245,199,200)
```
#f8d8d8
```
#f8d8d8 rgb(248,216,216)
```
#fbe8e9
```
#fbe8e9 rgb(251,232,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#978888
```
#978888 rgb(151,136,136)
```
#a07f7f
```
#a07f7f rgb(160,127,127)
```
#a97677
```
#a97677 rgb(169,118,119)
```
#b16e6f
```
#b16e6f rgb(177,110,111)
```
#ba6566
```
#ba6566 rgb(186,101,102)
```
#c25d5e
```
#c25d5e rgb(194,93,94)
```
#cb5456
```
#cb5456 rgb(203,84,86)
```
#d34c4d
```
#d34c4d rgb(211,76,77)
```
#dc4345
```
#dc4345 rgb(220,67,69)
```
#e53a3d
```
#e53a3d rgb(229,58,61)
```
#ed3234
```
#ed3234 rgb(237,50,52)
```
#f6292c
```
#f6292c rgb(246,41,44)
```
#fe2124
```
#fe2124 rgb(254,33,36)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#866868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8160 Protanopia 1% of men
#9d7b44 Deuteranopia 1% of men
#dd4c50 Tritanopia 0.001% of the population

Trichromacy

#a86a56 Protanomaly 1% of men, 0.01% of women
#b46744 Deuteranomaly 6% of men, 0.4% of women
#dd494c Tritanomaly 0.01% of the population

#dc4345 hex color

#dc4345 Color Information

#dc4345 Color Conversion

Color Schemes with #dc4345

Alternatives to #dc4345

#dc4345 Preview

Shades and Tints of #dc4345

Tones of #dc4345

Color Blindness Simulator