#dc5348 hex color

In a RGB color space, hex #dc5348 is composed of 86.3% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 67.3% yellow and 13.7% black. It has a hue angle of 4.5 degrees, a saturation of 67.9% and a lightness of 57.3%. #dc5348 color hex could be obtained by blending #ffa690 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 33
- B 28
RGB color chart
- C 0
- M 62
- Y 67
- K 14
CMYK color chart

● #dc5348 color description : Soft red.

The hexadecimal color #dc5348 has RGB values of R:220, G:83, B:72 and CMYK values of C:0, M:0.62, Y:0.67, K:0.14. Its decimal value is 14439240.

Hex triplet	dc5348	`#dc5348`
RGB Decimal	220, 83, 72	`rgb(220,83,72)`
RGB Percent	86.3, 32.5, 28.2	`rgb(86.3%,32.5%,28.2%)`
CMYK	0, 62, 67, 14
HSL	4.5°, 67.9, 57.3	`hsl(4.5,67.9%,57.3%)`
HSV (or HSB)	4.5°, 67.3, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.893, 52.906, 34.781
XYZ	33.779, 21.874, 8.574
xyY	0.526, 0.341, 21.874
CIE-LCH	53.893, 63.314, 33.321
CIE-LUV	53.893, 105.621, 27.715
Hunter-Lab	46.769, 47.077, 21.869
Binary	11011100, 01010011, 01001000

#dc5348
```
#dc5348 rgb(220,83,72)
```
#48d1dc
```
#48d1dc rgb(72,209,220)
```

Complementary Color

#dc4887
```
#dc4887 rgb(220,72,135)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#dc9d48
```
#dc9d48 rgb(220,157,72)
```

Analogous Color

#4887dc
```
#4887dc rgb(72,135,220)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#48dc9d
```
#48dc9d rgb(72,220,157)
```

Split Complementary Color

#5348dc
```
#5348dc rgb(83,72,220)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#48dc53
```
#48dc53 rgb(72,220,83)
```

Triadic Color

#dc48d1
```
#dc48d1 rgb(220,72,209)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#48dc53
```
#48dc53 rgb(72,220,83)
```
#48d1dc
```
#48d1dc rgb(72,209,220)
```

Tetradic Color

#b52d23
```
#b52d23 rgb(181,45,35)
```
#ca3327
```
#ca3327 rgb(202,51,39)
```
#d83f33
```
#d83f33 rgb(216,63,51)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#e0675d
```
#e0675d rgb(224,103,93)
```
#e47b73
```
#e47b73 rgb(228,123,115)
```
#e88f88
```
#e88f88 rgb(232,143,136)
```

Monochromatic Color

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

#dc4862
```
#dc4862 rgb(220,72,98)
```
#dc4856
```
#dc4856 rgb(220,72,86)
```
#dc4849
```
#dc4849 rgb(220,72,73)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#dc5f48
```
#dc5f48 rgb(220,95,72)
```
#dc6c48
```
#dc6c48 rgb(220,108,72)
```
#dc7848
```
#dc7848 rgb(220,120,72)
```

Similar Colors

Text with hexadecimal color #dc5348

This text has a font color of #dc5348.

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

#dc5348 background color

This paragraph has a background color of #dc5348.

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

#dc5348 border color

This element has a border color of #dc5348.

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

CSS codes

.text {color:#dc5348;}

.background {background-color:#dc5348;}

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

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

#0f0403
```
#0f0403 rgb(15,4,3)
```
#1f0806
```
#1f0806 rgb(31,8,6)
```
#300c09
```
#300c09 rgb(48,12,9)
```
#40100c
```
#40100c rgb(64,16,12)
```
#50140f
```
#50140f rgb(80,20,15)
```
#611813
```
#611813 rgb(97,24,19)
```
#711d16
```
#711d16 rgb(113,29,22)
```
#822119
```
#822119 rgb(130,33,25)
```
#92251c
```
#92251c rgb(146,37,28)
```
#a3291f
```
#a3291f rgb(163,41,31)
```
#b32d22
```
#b32d22 rgb(179,45,34)
```
#c43125
```
#c43125 rgb(196,49,37)
```
#d43529
```
#d43529 rgb(212,53,41)
```

Shade Color Variation

#d94438
```
#d94438 rgb(217,68,56)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#df6258
```
#df6258 rgb(223,98,88)
```
#e27269
```
#e27269 rgb(226,114,105)
```
#e58179
```
#e58179 rgb(229,129,121)
```
#e9918a
```
#e9918a rgb(233,145,138)
```
#eca09a
```
#eca09a rgb(236,160,154)
```
#efb0ab
```
#efb0ab rgb(239,176,171)
```
#f2bfbb
```
#f2bfbb rgb(242,191,187)
```
#f5cfcc
```
#f5cfcc rgb(245,207,204)
```
#f8dedc
```
#f8dedc rgb(248,222,220)
```
#fbeeed
```
#fbeeed rgb(251,238,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#998c8b
```
#998c8b rgb(153,140,139)
```
#a18583
```
#a18583 rgb(161,133,131)
```
#aa7e7a
```
#aa7e7a rgb(170,126,122)
```
#b27772
```
#b27772 rgb(178,119,114)
```
#ba706a
```
#ba706a rgb(186,112,106)
```
#c36861
```
#c36861 rgb(195,104,97)
```
#cb6159
```
#cb6159 rgb(203,97,89)
```
#d45a50
```
#d45a50 rgb(212,90,80)
```
#dc5348
```
#dc5348 rgb(220,83,72)
```
#e44c40
```
#e44c40 rgb(228,76,64)
```
#ed4537
```
#ed4537 rgb(237,69,55)
```
#f53e2f
```
#f53e2f rgb(245,62,47)
```
#fe3626
```
#fe3626 rgb(254,54,38)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8e7371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918760 Protanopia 1% of men
#a48148 Deuteranopia 1% of men
#de595e Tritanopia 0.001% of the population

Trichromacy

#ac7457 Protanomaly 1% of men, 0.01% of women
#b87048 Deuteranomaly 6% of men, 0.4% of women
#dd5756 Tritanomaly 0.01% of the population

#dc5348 hex color

#dc5348 Color Information

#dc5348 Color Conversion

Color Schemes with #dc5348

Alternatives to #dc5348

#dc5348 Preview

Shades and Tints of #dc5348

Tones of #dc5348

Color Blindness Simulator