#dc5f18 hex color

In a RGB color space, hex #dc5f18 is composed of 86.3% red, 37.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.8% magenta, 89.1% yellow and 13.7% black. It has a hue angle of 21.7 degrees, a saturation of 80.3% and a lightness of 47.8%. #dc5f18 color hex could be obtained by blending #ffbe30 with #b90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 86
- G 37
- B 9
RGB color chart
- C 0
- M 57
- Y 89
- K 14
CMYK color chart

● #dc5f18 color description : Vivid orange.

The hexadecimal color #dc5f18 has RGB values of R:220, G:95, B:24 and CMYK values of C:0, M:0.57, Y:0.89, K:0.14. Its decimal value is 14442264.

Hex triplet	dc5f18	`#dc5f18`
RGB Decimal	220, 95, 24	`rgb(220,95,24)`
RGB Percent	86.3, 37.3, 9.4	`rgb(86.3%,37.3%,9.4%)`
CMYK	0, 57, 89, 14
HSL	21.7°, 80.3, 47.8	`hsl(21.7,80.3%,47.8%)`
HSV (or HSB)	21.7°, 89.1, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.553, 45.73, 59.082
XYZ	33.774, 23.47, 3.616
xyY	0.555, 0.386, 23.47
CIE-LCH	55.553, 74.712, 52.26
CIE-LUV	55.553, 103.083, 46.342
Hunter-Lab	48.445, 39.662, 29.487
Binary	11011100, 01011111, 00011000

#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#1895dc
```
#1895dc rgb(24,149,220)
```

Complementary Color

#dc1833
```
#dc1833 rgb(220,24,51)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#dcc118
```
#dcc118 rgb(220,193,24)
```

Analogous Color

#1833dc
```
#1833dc rgb(24,51,220)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#18dcc1
```
#18dcc1 rgb(24,220,193)
```

Split Complementary Color

#5f18dc
```
#5f18dc rgb(95,24,220)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#18dc5f
```
#18dc5f rgb(24,220,95)
```

Triadic Color

#dc1895
```
#dc1895 rgb(220,24,149)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#18dc5f
```
#18dc5f rgb(24,220,95)
```
#1895dc
```
#1895dc rgb(24,149,220)
```

Tetradic Color

#974110
```
#974110 rgb(151,65,16)
```
#ae4b13
```
#ae4b13 rgb(174,75,19)
```
#c55515
```
#c55515 rgb(197,85,21)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#e76c26
```
#e76c26 rgb(231,108,38)
```
#ea7c3d
```
#ea7c3d rgb(234,124,61)
```
#ec8b54
```
#ec8b54 rgb(236,139,84)
```

Monochromatic Color

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

#dc2e18
```
#dc2e18 rgb(220,46,24)
```
#dc3e18
```
#dc3e18 rgb(220,62,24)
```
#dc4f18
```
#dc4f18 rgb(220,79,24)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#dc8018
```
#dc8018 rgb(220,128,24)
```
#dc9018
```
#dc9018 rgb(220,144,24)
```

Similar Colors

Text with hexadecimal color #dc5f18

This text has a font color of #dc5f18.

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

#dc5f18 background color

This paragraph has a background color of #dc5f18.

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

#dc5f18 border color

This element has a border color of #dc5f18.

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

CSS codes

.text {color:#dc5f18;}

.background {background-color:#dc5f18;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#190b03
```
#190b03 rgb(25,11,3)
```
#2b1305
```
#2b1305 rgb(43,19,5)
```
#3d1a07
```
#3d1a07 rgb(61,26,7)
```
#4f2209
```
#4f2209 rgb(79,34,9)
```
#602a0a
```
#602a0a rgb(96,42,10)
```
#72310c
```
#72310c rgb(114,49,12)
```
#84390e
```
#84390e rgb(132,57,14)
```
#954010
```
#954010 rgb(149,64,16)
```
#a74812
```
#a74812 rgb(167,72,18)
```
#b95014
```
#b95014 rgb(185,80,20)
```
#ca5716
```
#ca5716 rgb(202,87,22)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```

Shade Color Variation

#e76921
```
#e76921 rgb(231,105,33)
```
#e97533
```
#e97533 rgb(233,117,51)
```
#eb8144
```
#eb8144 rgb(235,129,68)
```
#ed8c56
```
#ed8c56 rgb(237,140,86)
```
#ee9868
```
#ee9868 rgb(238,152,104)
```
#f0a479
```
#f0a479 rgb(240,164,121)
```
#f2b08b
```
#f2b08b rgb(242,176,139)
```
#f4bc9d
```
#f4bc9d rgb(244,188,157)
```
#f6c8ae
```
#f6c8ae rgb(246,200,174)
```
#f8d4c0
```
#f8d4c0 rgb(248,212,192)
```
#fae0d2
```
#fae0d2 rgb(250,224,210)
```
#fcece3
```
#fcece3 rgb(252,236,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#7e7976
```
#7e7976 rgb(126,121,118)
```
#88766c
```
#88766c rgb(136,118,108)
```
#917463
```
#917463 rgb(145,116,99)
```
#9a715a
```
#9a715a rgb(154,113,90)
```
#a46f50
```
#a46f50 rgb(164,111,80)
```
#ad6c47
```
#ad6c47 rgb(173,108,71)
```
#b6693e
```
#b6693e rgb(182,105,62)
```
#c06734
```
#c06734 rgb(192,103,52)
```
#c9642b
```
#c9642b rgb(201,100,43)
```
#d36221
```
#d36221 rgb(211,98,33)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#e55c0f
```
#e55c0f rgb(229,92,15)
```
#ef5a05
```
#ef5a05 rgb(239,90,5)
```

Tone Color Variation

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

Dichromacy

#9b8b2d Protanopia 1% of men
#ae840a Deuteranopia 1% of men
#e06166 Tritanopia 0.001% of the population

Trichromacy

#b37b25 Protanomaly 1% of men, 0.01% of women
#bf760f Deuteranomaly 6% of men, 0.4% of women
#de604a Tritanomaly 0.01% of the population

#dc5f18 hex color

#dc5f18 Color Information

#dc5f18 Color Conversion

Color Schemes with #dc5f18

Alternatives to #dc5f18

#dc5f18 Preview

Shades and Tints of #dc5f18

Tones of #dc5f18

Color Blindness Simulator