#dc553c hex color

In a RGB color space, hex #dc553c is composed of 86.3% red, 33.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 72.7% yellow and 13.7% black. It has a hue angle of 9.4 degrees, a saturation of 69.6% and a lightness of 54.9%. #dc553c color hex could be obtained by blending #ffaa78 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 33
- B 24
RGB color chart
- C 0
- M 61
- Y 73
- K 14
CMYK color chart

● #dc553c color description : Bright red.

The hexadecimal color #dc553c has RGB values of R:220, G:85, B:60 and CMYK values of C:0, M:0.61, Y:0.73, K:0.14. Its decimal value is 14439740.

Hex triplet	dc553c	`#dc553c`
RGB Decimal	220, 85, 60	`rgb(220,85,60)`
RGB Percent	86.3, 33.3, 23.5	`rgb(86.3%,33.3%,23.5%)`
CMYK	0, 61, 73, 14
HSL	9.4°, 69.6, 54.9	`hsl(9.4,69.6%,54.9%)`
HSV (or HSB)	9.4°, 72.7, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.072, 51.436, 41.616
XYZ	33.581, 22.042, 6.761
xyY	0.538, 0.353, 22.042
CIE-LCH	54.072, 66.163, 38.975
CIE-LUV	54.072, 106.497, 33.467
Hunter-Lab	46.949, 45.511, 24.326
Binary	11011100, 01010101, 00111100

#dc553c
```
#dc553c rgb(220,85,60)
```
#3cc3dc
```
#3cc3dc rgb(60,195,220)
```

Complementary Color

#dc3c73
```
#dc3c73 rgb(220,60,115)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#dca53c
```
#dca53c rgb(220,165,60)
```

Analogous Color

#3c73dc
```
#3c73dc rgb(60,115,220)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#3cdca5
```
#3cdca5 rgb(60,220,165)
```

Split Complementary Color

#553cdc
```
#553cdc rgb(85,60,220)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#3cdc55
```
#3cdc55 rgb(60,220,85)
```

Triadic Color

#dc3cc3
```
#dc3cc3 rgb(220,60,195)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#3cdc55
```
#3cdc55 rgb(60,220,85)
```
#3cc3dc
```
#3cc3dc rgb(60,195,220)
```

Tetradic Color

#ad351f
```
#ad351f rgb(173,53,31)
```
#c23c23
```
#c23c23 rgb(194,60,35)
```
#d84227
```
#d84227 rgb(216,66,39)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#e06852
```
#e06852 rgb(224,104,82)
```
#e47b67
```
#e47b67 rgb(228,123,103)
```
#e88e7d
```
#e88e7d rgb(232,142,125)
```

Monochromatic Color

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

#dc3c4b
```
#dc3c4b rgb(220,60,75)
```
#dc3c3e
```
#dc3c3e rgb(220,60,62)
```
#dc483c
```
#dc483c rgb(220,72,60)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#dc623c
```
#dc623c rgb(220,98,60)
```
#dc703c
```
#dc703c rgb(220,112,60)
```
#dc7d3c
```
#dc7d3c rgb(220,125,60)
```

Similar Colors

Text with hexadecimal color #dc553c

This text has a font color of #dc553c.

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

#dc553c background color

This paragraph has a background color of #dc553c.

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

#dc553c border color

This element has a border color of #dc553c.

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

CSS codes

.text {color:#dc553c;}

.background {background-color:#dc553c;}

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

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, #050101 is the darkest color, while #fdf4f3 is the lightest one.

#050101
```
#050101 rgb(5,1,1)
```
#150704
```
#150704 rgb(21,7,4)
```
#260c07
```
#260c07 rgb(38,12,7)
```
#36110a
```
#36110a rgb(54,17,10)
```
#47160d
```
#47160d rgb(71,22,13)
```
#581b10
```
#581b10 rgb(88,27,16)
```
#682013
```
#682013 rgb(104,32,19)
```
#792516
```
#792516 rgb(121,37,22)
```
#8a2a19
```
#8a2a19 rgb(138,42,25)
```
#9a2f1c
```
#9a2f1c rgb(154,47,28)
```
#ab351f
```
#ab351f rgb(171,53,31)
```
#bc3a22
```
#bc3a22 rgb(188,58,34)
```
#cc3f25
```
#cc3f25 rgb(204,63,37)
```

Shade Color Variation

#d9472b
```
#d9472b rgb(217,71,43)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#df634d
```
#df634d rgb(223,99,77)
```
#e2725d
```
#e2725d rgb(226,114,93)
```
#e5806e
```
#e5806e rgb(229,128,110)
```
#e88f7f
```
#e88f7f rgb(232,143,127)
```
#eb9d8f
```
#eb9d8f rgb(235,157,143)
```
#eeaca0
```
#eeaca0 rgb(238,172,160)
```
#f1bab0
```
#f1bab0 rgb(241,186,176)
```
#f4c9c1
```
#f4c9c1 rgb(244,201,193)
```
#f7d7d2
```
#f7d7d2 rgb(247,215,210)
```
#fae6e2
```
#fae6e2 rgb(250,230,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#958683
```
#958683 rgb(149,134,131)
```
#9e807a
```
#9e807a rgb(158,128,122)
```
#a77971
```
#a77971 rgb(167,121,113)
```
#b07368
```
#b07368 rgb(176,115,104)
```
#b96d5f
```
#b96d5f rgb(185,109,95)
```
#c16757
```
#c16757 rgb(193,103,87)
```
#ca614e
```
#ca614e rgb(202,97,78)
```
#d35b45
```
#d35b45 rgb(211,91,69)
```
#dc553c
```
#dc553c rgb(220,85,60)
```
#e54f33
```
#e54f33 rgb(229,79,51)
```
#ee492a
```
#ee492a rgb(238,73,42)
```
#f74321
```
#f74321 rgb(247,67,33)
```

Tone Color Variation

Below, you can see how #dc553c 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
#8e736e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948753 Protanopia 1% of men
#a7813c Deuteranopia 1% of men
#de5a5f Tritanopia 0.001% of the population

Trichromacy

#ae754a Protanomaly 1% of men, 0.01% of women
#ba713c Deuteranomaly 6% of men, 0.4% of women
#dd5852 Tritanomaly 0.01% of the population

#dc553c hex color

#dc553c Color Information

#dc553c Color Conversion

Color Schemes with #dc553c

Alternatives to #dc553c

#dc553c Preview

Shades and Tints of #dc553c

Tones of #dc553c

Color Blindness Simulator