#dc553f hex color

In a RGB color space, hex #dc553f is composed of 86.3% red, 33.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 71.4% yellow and 13.7% black. It has a hue angle of 8.4 degrees, a saturation of 69.2% and a lightness of 55.5%. #dc553f color hex could be obtained by blending #ffaa7e with #b90000. Closest websafe color is: #cc6633.

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

● #dc553f color description : Bright red.

The hexadecimal color #dc553f has RGB values of R:220, G:85, B:63 and CMYK values of C:0, M:0.61, Y:0.71, K:0.14. Its decimal value is 14439743.

Hex triplet	dc553f	`#dc553f`
RGB Decimal	220, 85, 63	`rgb(220,85,63)`
RGB Percent	86.3, 33.3, 24.7	`rgb(86.3%,33.3%,24.7%)`
CMYK	0, 61, 71, 14
HSL	8.4°, 69.2, 55.5	`hsl(8.4,69.2%,55.5%)`
HSV (or HSB)	8.4°, 71.4, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.107, 51.573, 40.032
XYZ	33.662, 22.075, 7.191
xyY	0.535, 0.351, 22.075
CIE-LCH	54.107, 65.287, 37.819
CIE-LUV	54.107, 105.976, 32.276
Hunter-Lab	46.984, 45.666, 23.815
Binary	11011100, 01010101, 00111111

#dc553f
```
#dc553f rgb(220,85,63)
```
#3fc6dc
```
#3fc6dc rgb(63,198,220)
```

Complementary Color

#dc3f78
```
#dc3f78 rgb(220,63,120)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#dca43f
```
#dca43f rgb(220,164,63)
```

Analogous Color

#3f78dc
```
#3f78dc rgb(63,120,220)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#3fdca4
```
#3fdca4 rgb(63,220,164)
```

Split Complementary Color

#553fdc
```
#553fdc rgb(85,63,220)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#3fdc55
```
#3fdc55 rgb(63,220,85)
```

Triadic Color

#dc3fc6
```
#dc3fc6 rgb(220,63,198)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#3fdc55
```
#3fdc55 rgb(63,220,85)
```
#3fc6dc
```
#3fc6dc rgb(63,198,220)
```

Tetradic Color

#af3420
```
#af3420 rgb(175,52,32)
```
#c43a24
```
#c43a24 rgb(196,58,36)
```
#d84229
```
#d84229 rgb(216,66,41)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#e06855
```
#e06855 rgb(224,104,85)
```
#e47b6a
```
#e47b6a rgb(228,123,106)
```
#e88e80
```
#e88e80 rgb(232,142,128)
```

Monochromatic Color

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

#dc3f50
```
#dc3f50 rgb(220,63,80)
```
#dc3f43
```
#dc3f43 rgb(220,63,67)
```
#dc483f
```
#dc483f rgb(220,72,63)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#dc623f
```
#dc623f rgb(220,98,63)
```
#dc6f3f
```
#dc6f3f rgb(220,111,63)
```
#dc7c3f
```
#dc7c3f rgb(220,124,63)
```

Similar Colors

Text with hexadecimal color #dc553f

This text has a font color of #dc553f.

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

#dc553f background color

This paragraph has a background color of #dc553f.

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

#dc553f border color

This element has a border color of #dc553f.

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

CSS codes

.text {color:#dc553f;}

.background {background-color:#dc553f;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180704
```
#180704 rgb(24,7,4)
```
#280c07
```
#280c07 rgb(40,12,7)
```
#39110a
```
#39110a rgb(57,17,10)
```
#49160d
```
#49160d rgb(73,22,13)
```
#5a1b10
```
#5a1b10 rgb(90,27,16)
```
#6b2013
```
#6b2013 rgb(107,32,19)
```
#7b2516
```
#7b2516 rgb(123,37,22)
```
#8c2a19
```
#8c2a19 rgb(140,42,25)
```
#9c2e1d
```
#9c2e1d rgb(156,46,29)
```
#ad3320
```
#ad3320 rgb(173,51,32)
```
#be3823
```
#be3823 rgb(190,56,35)
```
#ce3d26
```
#ce3d26 rgb(206,61,38)
```

Shade Color Variation

#d9462e
```
#d9462e rgb(217,70,46)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#df6450
```
#df6450 rgb(223,100,80)
```
#e27260
```
#e27260 rgb(226,114,96)
```
#e58171
```
#e58171 rgb(229,129,113)
```
#e89081
```
#e89081 rgb(232,144,129)
```
#eb9e92
```
#eb9e92 rgb(235,158,146)
```
#eeada3
```
#eeada3 rgb(238,173,163)
```
#f1bcb3
```
#f1bcb3 rgb(241,188,179)
```
#f4cbc4
```
#f4cbc4 rgb(244,203,196)
```
#f7d9d4
```
#f7d9d4 rgb(247,217,212)
```
#fae8e5
```
#fae8e5 rgb(250,232,229)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,246)
```

Tint Color Variation

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

#968785
```
#968785 rgb(150,135,133)
```
#9f817c
```
#9f817c rgb(159,129,124)
```
#a87b73
```
#a87b73 rgb(168,123,115)
```
#b0746b
```
#b0746b rgb(176,116,107)
```
#b96e62
```
#b96e62 rgb(185,110,98)
```
#c26859
```
#c26859 rgb(194,104,89)
```
#cb6250
```
#cb6250 rgb(203,98,80)
```
#d35b48
```
#d35b48 rgb(211,91,72)
```
#dc553f
```
#dc553f rgb(220,85,63)
```
#e54f36
```
#e54f36 rgb(229,79,54)
```
#ed482e
```
#ed482e rgb(237,72,46)
```
#f64225
```
#f64225 rgb(246,66,37)
```
#ff3c1c
```
#ff3c1c rgb(255,60,28)
```

Tone Color Variation

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

#938756 Protanopia 1% of men
#a6813f Deuteranopia 1% of men
#de5a5f Tritanopia 0.001% of the population

Trichromacy

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

#dc553f hex color

#dc553f Color Information

#dc553f Color Conversion

Color Schemes with #dc553f

Alternatives to #dc553f

#dc553f Preview

Shades and Tints of #dc553f

Tones of #dc553f

Color Blindness Simulator