#dc553a hex color

In a RGB color space, hex #dc553a is composed of 86.3% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 73.6% yellow and 13.7% black. It has a hue angle of 10 degrees, a saturation of 69.8% and a lightness of 54.5%. #dc553a color hex could be obtained by blending #ffaa74 with #b90000. Closest websafe color is: #cc6633.

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

● #dc553a color description : Bright red.

The hexadecimal color #dc553a has RGB values of R:220, G:85, B:58 and CMYK values of C:0, M:0.61, Y:0.74, K:0.14. Its decimal value is 14439738.

Hex triplet	dc553a	`#dc553a`
RGB Decimal	220, 85, 58	`rgb(220,85,58)`
RGB Percent	86.3, 33.3, 22.7	`rgb(86.3%,33.3%,22.7%)`
CMYK	0, 61, 74, 14
HSL	10°, 69.8, 54.5	`hsl(10,69.8%,54.5%)`
HSV (or HSB)	10°, 73.6, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.05, 51.349, 42.659
XYZ	33.529, 22.022, 6.488
xyY	0.54, 0.355, 22.022
CIE-LCH	54.05, 66.757, 39.719
CIE-LUV	54.05, 106.831, 34.23
Hunter-Lab	46.927, 45.413, 24.652
Binary	11011100, 01010101, 00111010

#dc553a
```
#dc553a rgb(220,85,58)
```
#3ac1dc
```
#3ac1dc rgb(58,193,220)
```

Complementary Color

#dc3a70
```
#dc3a70 rgb(220,58,112)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#dca63a
```
#dca63a rgb(220,166,58)
```

Analogous Color

#3a70dc
```
#3a70dc rgb(58,112,220)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#3adca6
```
#3adca6 rgb(58,220,166)
```

Split Complementary Color

#553adc
```
#553adc rgb(85,58,220)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#3adc55
```
#3adc55 rgb(58,220,85)
```

Triadic Color

#dc3ac1
```
#dc3ac1 rgb(220,58,193)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#3adc55
```
#3adc55 rgb(58,220,85)
```
#3ac1dc
```
#3ac1dc rgb(58,193,220)
```

Tetradic Color

#ab361e
```
#ab361e rgb(171,54,30)
```
#c13d22
```
#c13d22 rgb(193,61,34)
```
#d64326
```
#d64326 rgb(214,67,38)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#e06850
```
#e06850 rgb(224,104,80)
```
#e47a65
```
#e47a65 rgb(228,122,101)
```
#e88d7b
```
#e88d7b rgb(232,141,123)
```

Monochromatic Color

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

#dc3a48
```
#dc3a48 rgb(220,58,72)
```
#dc3a3a
```
#dc3a3a rgb(220,58,58)
```
#dc473a
```
#dc473a rgb(220,71,58)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#dc623a
```
#dc623a rgb(220,98,58)
```
#dc703a
```
#dc703a rgb(220,112,58)
```
#dc7e3a
```
#dc7e3a rgb(220,126,58)
```

Similar Colors

Text with hexadecimal color #dc553a

This text has a font color of #dc553a.

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

#dc553a background color

This paragraph has a background color of #dc553a.

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

#dc553a border color

This element has a border color of #dc553a.

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

CSS codes

.text {color:#dc553a;}

.background {background-color:#dc553a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140603
```
#140603 rgb(20,6,3)
```
#240b06
```
#240b06 rgb(36,11,6)
```
#351109
```
#351109 rgb(53,17,9)
```
#45160c
```
#45160c rgb(69,22,12)
```
#561b0f
```
#561b0f rgb(86,27,15)
```
#672012
```
#672012 rgb(103,32,18)
```
#772615
```
#772615 rgb(119,38,21)
```
#882b18
```
#882b18 rgb(136,43,24)
```
#99301b
```
#99301b rgb(153,48,27)
```
#a9351e
```
#a9351e rgb(169,53,30)
```
#ba3b21
```
#ba3b21 rgb(186,59,33)
```
#cb4024
```
#cb4024 rgb(203,64,36)
```

Shade Color Variation

#d94729
```
#d94729 rgb(217,71,41)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#df634b
```
#df634b rgb(223,99,75)
```
#e2725b
```
#e2725b rgb(226,114,91)
```
#e5806c
```
#e5806c rgb(229,128,108)
```
#e88e7d
```
#e88e7d rgb(232,142,125)
```
#eb9d8d
```
#eb9d8d rgb(235,157,141)
```
#eeab9e
```
#eeab9e rgb(238,171,158)
```
#f1baaf
```
#f1baaf rgb(241,186,175)
```
#f4c8bf
```
#f4c8bf rgb(244,200,191)
```
#f7d6d0
```
#f7d6d0 rgb(247,214,208)
```
#fae5e1
```
#fae5e1 rgb(250,229,225)
```
#fdf3f1
```
#fdf3f1 rgb(253,243,241)
```

Tint Color Variation

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

#8c8b8a
```
#8c8b8a rgb(140,139,138)
```
#958581
```
#958581 rgb(149,133,129)
```
#9e7f78
```
#9e7f78 rgb(158,127,120)
```
#a67970
```
#a67970 rgb(166,121,112)
```
#af7367
```
#af7367 rgb(175,115,103)
```
#b86d5e
```
#b86d5e rgb(184,109,94)
```
#c16755
```
#c16755 rgb(193,103,85)
```
#ca614c
```
#ca614c rgb(202,97,76)
```
#d35b43
```
#d35b43 rgb(211,91,67)
```
#dc553a
```
#dc553a rgb(220,85,58)
```
#e54f31
```
#e54f31 rgb(229,79,49)
```
#ee4928
```
#ee4928 rgb(238,73,40)
```
#f7431f
```
#f7431f rgb(247,67,31)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e736d Atypical Achromatopsia 0.001% of the population

Dichromacy

#948751 Protanopia 1% of men
#a7813a Deuteranopia 1% of men
#df5a5f Tritanopia 0.001% of the population

Trichromacy

#ae7548 Protanomaly 1% of men, 0.01% of women
#ba713a Deuteranomaly 6% of men, 0.4% of women
#dd5851 Tritanomaly 0.01% of the population

#dc553a hex color

#dc553a Color Information

#dc553a Color Conversion

Color Schemes with #dc553a

Alternatives to #dc553a

#dc553a Preview

Shades and Tints of #dc553a

Tones of #dc553a

Color Blindness Simulator