#dc553d hex color

In a RGB color space, hex #dc553d is composed of 86.3% red, 33.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 72.3% yellow and 13.7% black. It has a hue angle of 9.1 degrees, a saturation of 69.4% and a lightness of 55.1%. #dc553d color hex could be obtained by blending #ffaa7a with #b90000. Closest websafe color is: #cc6633.

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

● #dc553d color description : Bright red.

The hexadecimal color #dc553d has RGB values of R:220, G:85, B:61 and CMYK values of C:0, M:0.61, Y:0.72, K:0.14. Its decimal value is 14439741.

Hex triplet	dc553d	`#dc553d`
RGB Decimal	220, 85, 61	`rgb(220,85,61)`
RGB Percent	86.3, 33.3, 23.9	`rgb(86.3%,33.3%,23.9%)`
CMYK	0, 61, 72, 14
HSL	9.1°, 69.4, 55.1	`hsl(9.1,69.4%,55.1%)`
HSV (or HSB)	9.1°, 72.3, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.083, 51.481, 41.09
XYZ	33.607, 22.053, 6.902
xyY	0.537, 0.352, 22.053
CIE-LCH	54.083, 65.869, 38.595
CIE-LUV	54.083, 106.326, 33.077
Hunter-Lab	46.961, 45.562, 24.159
Binary	11011100, 01010101, 00111101

#dc553d
```
#dc553d rgb(220,85,61)
```
#3dc4dc
```
#3dc4dc rgb(61,196,220)
```

Complementary Color

#dc3d75
```
#dc3d75 rgb(220,61,117)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#dca53d
```
#dca53d rgb(220,165,61)
```

Analogous Color

#3d75dc
```
#3d75dc rgb(61,117,220)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#3ddca5
```
#3ddca5 rgb(61,220,165)
```

Split Complementary Color

#553ddc
```
#553ddc rgb(85,61,220)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#3ddc55
```
#3ddc55 rgb(61,220,85)
```

Triadic Color

#dc3dc4
```
#dc3dc4 rgb(220,61,196)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#3ddc55
```
#3ddc55 rgb(61,220,85)
```
#3dc4dc
```
#3dc4dc rgb(61,196,220)
```

Tetradic Color

#ad351f
```
#ad351f rgb(173,53,31)
```
#c33b23
```
#c33b23 rgb(195,59,35)
```
#d84227
```
#d84227 rgb(216,66,39)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#e06853
```
#e06853 rgb(224,104,83)
```
#e47b68
```
#e47b68 rgb(228,123,104)
```
#e88e7e
```
#e88e7e rgb(232,142,126)
```

Monochromatic Color

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

#dc3d4d
```
#dc3d4d rgb(220,61,77)
```
#dc3d3f
```
#dc3d3f rgb(220,61,63)
```
#dc483d
```
#dc483d rgb(220,72,61)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#dc623d
```
#dc623d rgb(220,98,61)
```
#dc703d
```
#dc703d rgb(220,112,61)
```
#dc7d3d
```
#dc7d3d rgb(220,125,61)
```

Similar Colors

Text with hexadecimal color #dc553d

This text has a font color of #dc553d.

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

#dc553d background color

This paragraph has a background color of #dc553d.

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

#dc553d border color

This element has a border color of #dc553d.

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

CSS codes

.text {color:#dc553d;}

.background {background-color:#dc553d;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160704
```
#160704 rgb(22,7,4)
```
#270c07
```
#270c07 rgb(39,12,7)
```
#37110a
```
#37110a rgb(55,17,10)
```
#48160d
```
#48160d rgb(72,22,13)
```
#581b10
```
#581b10 rgb(88,27,16)
```
#692013
```
#692013 rgb(105,32,19)
```
#7a2516
```
#7a2516 rgb(122,37,22)
```
#8a2a19
```
#8a2a19 rgb(138,42,25)
```
#9b2f1c
```
#9b2f1c rgb(155,47,28)
```
#ac341f
```
#ac341f rgb(172,52,31)
```
#bc3922
```
#bc3922 rgb(188,57,34)
```
#cd3e25
```
#cd3e25 rgb(205,62,37)
```

Shade Color Variation

#d9462c
```
#d9462c rgb(217,70,44)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#df644e
```
#df644e rgb(223,100,78)
```
#e2725e
```
#e2725e rgb(226,114,94)
```
#e5816f
```
#e5816f rgb(229,129,111)
```
#e88f7f
```
#e88f7f rgb(232,143,127)
```
#eb9e90
```
#eb9e90 rgb(235,158,144)
```
#eeaca1
```
#eeaca1 rgb(238,172,161)
```
#f1bbb1
```
#f1bbb1 rgb(241,187,177)
```
#f4c9c2
```
#f4c9c2 rgb(244,201,194)
```
#f7d8d3
```
#f7d8d3 rgb(247,216,211)
```
#fae7e3
```
#fae7e3 rgb(250,231,227)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

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

#8d8c8c
```
#8d8c8c rgb(141,140,140)
```
#968683
```
#968683 rgb(150,134,131)
```
#9e807b
```
#9e807b rgb(158,128,123)
```
#a77a72
```
#a77a72 rgb(167,122,114)
```
#b07469
```
#b07469 rgb(176,116,105)
```
#b96e60
```
#b96e60 rgb(185,110,96)
```
#c26757
```
#c26757 rgb(194,103,87)
```
#ca614f
```
#ca614f rgb(202,97,79)
```
#d35b46
```
#d35b46 rgb(211,91,70)
```
#dc553d
```
#dc553d rgb(220,85,61)
```
#e54f34
```
#e54f34 rgb(229,79,52)
```
#ee492b
```
#ee492b rgb(238,73,43)
```
#f64323
```
#f64323 rgb(246,67,35)
```

Tone Color Variation

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

Dichromacy

#948754 Protanopia 1% of men
#a7813d Deuteranopia 1% of men
#de5a5f Tritanopia 0.001% of the population

Trichromacy

#ae754b Protanomaly 1% of men, 0.01% of women
#ba713d Deuteranomaly 6% of men, 0.4% of women
#dd5853 Tritanomaly 0.01% of the population

#dc553d hex color

#dc553d Color Information

#dc553d Color Conversion

Color Schemes with #dc553d

Alternatives to #dc553d

#dc553d Preview

Shades and Tints of #dc553d

Tones of #dc553d

Color Blindness Simulator