#dc5a30 hex color

In a RGB color space, hex #dc5a30 is composed of 86.3% red, 35.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.1% magenta, 78.2% yellow and 13.7% black. It has a hue angle of 14.7 degrees, a saturation of 71.1% and a lightness of 52.5%. #dc5a30 color hex could be obtained by blending #ffb460 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 35
- B 19
RGB color chart
- C 0
- M 59
- Y 78
- K 14
CMYK color chart

● #dc5a30 color description : Bright red.

The hexadecimal color #dc5a30 has RGB values of R:220, G:90, B:48 and CMYK values of C:0, M:0.59, Y:0.78, K:0.14. Its decimal value is 14441008.

Hex triplet	dc5a30	`#dc5a30`
RGB Decimal	220, 90, 48	`rgb(220,90,48)`
RGB Percent	86.3, 35.3, 18.8	`rgb(86.3%,35.3%,18.8%)`
CMYK	0, 59, 78, 14
HSL	14.7°, 71.1, 52.5	`hsl(14.7,71.1%,52.5%)`
HSV (or HSB)	14.7°, 78.2, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.809, 48.701, 48.551
XYZ	33.706, 22.745, 5.411
xyY	0.545, 0.368, 22.745
CIE-LCH	54.809, 68.768, 44.911
CIE-LUV	54.809, 104.654, 39.224
Hunter-Lab	47.692, 42.695, 26.657
Binary	11011100, 01011010, 00110000

#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#30b2dc
```
#30b2dc rgb(48,178,220)
```

Complementary Color

#dc305c
```
#dc305c rgb(220,48,92)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#dcb030
```
#dcb030 rgb(220,176,48)
```

Analogous Color

#305cdc
```
#305cdc rgb(48,92,220)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#30dcb0
```
#30dcb0 rgb(48,220,176)
```

Split Complementary Color

#5a30dc
```
#5a30dc rgb(90,48,220)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#30dc5a
```
#30dc5a rgb(48,220,90)
```

Triadic Color

#dc30b2
```
#dc30b2 rgb(220,48,178)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#30dc5a
```
#30dc5a rgb(48,220,90)
```
#30b2dc
```
#30b2dc rgb(48,178,220)
```

Tetradic Color

#a43d1c
```
#a43d1c rgb(164,61,28)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#cf4d23
```
#cf4d23 rgb(207,77,35)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#e06b46
```
#e06b46 rgb(224,107,70)
```
#e37d5c
```
#e37d5c rgb(227,125,92)
```
#e78e71
```
#e78e71 rgb(231,142,113)
```

Monochromatic Color

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

#dc3031
```
#dc3031 rgb(220,48,49)
```
#dc3d30
```
#dc3d30 rgb(220,61,48)
```
#dc4c30
```
#dc4c30 rgb(220,76,48)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#dc6830
```
#dc6830 rgb(220,104,48)
```
#dc7730
```
#dc7730 rgb(220,119,48)
```
#dc8530
```
#dc8530 rgb(220,133,48)
```

Similar Colors

Text with hexadecimal color #dc5a30

This text has a font color of #dc5a30.

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

#dc5a30 background color

This paragraph has a background color of #dc5a30.

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

#dc5a30 border color

This element has a border color of #dc5a30.

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

CSS codes

.text {color:#dc5a30;}

.background {background-color:#dc5a30;}

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

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

#0b0402
```
#0b0402 rgb(11,4,2)
```
#1c0a05
```
#1c0a05 rgb(28,10,5)
```
#2d1108
```
#2d1108 rgb(45,17,8)
```
#3d170a
```
#3d170a rgb(61,23,10)
```
#4e1d0d
```
#4e1d0d rgb(78,29,13)
```
#5f2310
```
#5f2310 rgb(95,35,16)
```
#702a13
```
#702a13 rgb(112,42,19)
```
#813016
```
#813016 rgb(129,48,22)
```
#913619
```
#913619 rgb(145,54,25)
```
#a23c1b
```
#a23c1b rgb(162,60,27)
```
#b3431e
```
#b3431e rgb(179,67,30)
```
#c44921
```
#c44921 rgb(196,73,33)
```
#d44f24
```
#d44f24 rgb(212,79,36)
```

Shade Color Variation

#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#df6741
```
#df6741 rgb(223,103,65)
```
#e27552
```
#e27552 rgb(226,117,82)
```
#e58262
```
#e58262 rgb(229,130,98)
```
#e78f73
```
#e78f73 rgb(231,143,115)
```
#ea9d84
```
#ea9d84 rgb(234,157,132)
```
#edaa95
```
#edaa95 rgb(237,170,149)
```
#f0b8a5
```
#f0b8a5 rgb(240,184,165)
```
#f3c5b6
```
#f3c5b6 rgb(243,197,182)
```
#f6d2c7
```
#f6d2c7 rgb(246,210,199)
```
#f8e0d8
```
#f8e0d8 rgb(248,224,216)
```
#fbede9
```
#fbede9 rgb(251,237,233)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#888584
```
#888584 rgb(136,133,132)
```
#92807a
```
#92807a rgb(146,128,122)
```
#9b7b71
```
#9b7b71 rgb(155,123,113)
```
#a47768
```
#a47768 rgb(164,119,104)
```
#ad725f
```
#ad725f rgb(173,114,95)
```
#b76d55
```
#b76d55 rgb(183,109,85)
```
#c0684c
```
#c0684c rgb(192,104,76)
```
#c96443
```
#c96443 rgb(201,100,67)
```
#d35f39
```
#d35f39 rgb(211,95,57)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#e55527
```
#e55527 rgb(229,85,39)
```
#ef501d
```
#ef501d rgb(239,80,29)
```
#f84c14
```
#f84c14 rgb(248,76,20)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#8f756d Atypical Achromatopsia 0.001% of the population

Dichromacy

#978945 Protanopia 1% of men
#aa8330 Deuteranopia 1% of men
#df5d63 Tritanopia 0.001% of the population

Trichromacy

#b0783d Protanomaly 1% of men, 0.01% of women
#bc7430 Deuteranomaly 6% of men, 0.4% of women
#de5c50 Tritanomaly 0.01% of the population

#dc5a30 hex color

#dc5a30 Color Information

#dc5a30 Color Conversion

Color Schemes with #dc5a30

Alternatives to #dc5a30

#dc5a30 Preview

Shades and Tints of #dc5a30

Tones of #dc5a30

Color Blindness Simulator