#dc6f18 hex color

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

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

● #dc6f18 color description : Vivid orange.

The hexadecimal color #dc6f18 has RGB values of R:220, G:111, B:24 and CMYK values of C:0, M:0.5, Y:0.89, K:0.14. Its decimal value is 14446360.

Hex triplet	dc6f18	`#dc6f18`
RGB Decimal	220, 111, 24	`rgb(220,111,24)`
RGB Percent	86.3, 43.5, 9.4	`rgb(86.3%,43.5%,9.4%)`
CMYK	0, 50, 89, 14
HSL	26.6°, 80.3, 47.8	`hsl(26.6,80.3%,47.8%)`
HSV (or HSB)	26.6°, 89.1, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.652, 37.849, 61.424
XYZ	35.366, 26.654, 4.146
xyY	0.535, 0.403, 26.654
CIE-LCH	58.652, 72.148, 58.359
CIE-LUV	58.652, 90.126, 51.531
Hunter-Lab	51.627, 31.929, 31.377
Binary	11011100, 01101111, 00011000

#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#1885dc
```
#1885dc rgb(24,133,220)
```

Complementary Color

#dc1823
```
#dc1823 rgb(220,24,35)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#dcd118
```
#dcd118 rgb(220,209,24)
```

Analogous Color

#1823dc
```
#1823dc rgb(24,35,220)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#18dcd1
```
#18dcd1 rgb(24,220,209)
```

Split Complementary Color

#6f18dc
```
#6f18dc rgb(111,24,220)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#18dc6f
```
#18dc6f rgb(24,220,111)
```

Triadic Color

#dc1885
```
#dc1885 rgb(220,24,133)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#18dc6f
```
#18dc6f rgb(24,220,111)
```
#1885dc
```
#1885dc rgb(24,133,220)
```

Tetradic Color

#974c10
```
#974c10 rgb(151,76,16)
```
#ae5813
```
#ae5813 rgb(174,88,19)
```
#c56315
```
#c56315 rgb(197,99,21)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#e77c26
```
#e77c26 rgb(231,124,38)
```
#ea8a3d
```
#ea8a3d rgb(234,138,61)
```
#ec9854
```
#ec9854 rgb(236,152,84)
```

Monochromatic Color

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

#dc3e18
```
#dc3e18 rgb(220,62,24)
```
#dc4e18
```
#dc4e18 rgb(220,78,24)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#dc7f18
```
#dc7f18 rgb(220,127,24)
```
#dc9018
```
#dc9018 rgb(220,144,24)
```
#dca018
```
#dca018 rgb(220,160,24)
```

Similar Colors

Text with hexadecimal color #dc6f18

This text has a font color of #dc6f18.

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

#dc6f18 background color

This paragraph has a background color of #dc6f18.

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

#dc6f18 border color

This element has a border color of #dc6f18.

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

CSS codes

.text {color:#dc6f18;}

.background {background-color:#dc6f18;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#190d03
```
#190d03 rgb(25,13,3)
```
#2b1605
```
#2b1605 rgb(43,22,5)
```
#3d1f07
```
#3d1f07 rgb(61,31,7)
```
#4f2809
```
#4f2809 rgb(79,40,9)
```
#60310a
```
#60310a rgb(96,49,10)
```
#72390c
```
#72390c rgb(114,57,12)
```
#84420e
```
#84420e rgb(132,66,14)
```
#954b10
```
#954b10 rgb(149,75,16)
```
#a75412
```
#a75412 rgb(167,84,18)
```
#b95d14
```
#b95d14 rgb(185,93,20)
```
#ca6616
```
#ca6616 rgb(202,102,22)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```

Shade Color Variation

#e77921
```
#e77921 rgb(231,121,33)
```
#e98333
```
#e98333 rgb(233,131,51)
```
#eb8e44
```
#eb8e44 rgb(235,142,68)
```
#ed9956
```
#ed9956 rgb(237,153,86)
```
#eea368
```
#eea368 rgb(238,163,104)
```
#f0ae79
```
#f0ae79 rgb(240,174,121)
```
#f2b98b
```
#f2b98b rgb(242,185,139)
```
#f4c49d
```
#f4c49d rgb(244,196,157)
```
#f6ceae
```
#f6ceae rgb(246,206,174)
```
#f8d9c0
```
#f8d9c0 rgb(248,217,192)
```
#fae4d2
```
#fae4d2 rgb(250,228,210)
```
#fceee3
```
#fceee3 rgb(252,238,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#7e7a76
```
#7e7a76 rgb(126,122,118)
```
#88786c
```
#88786c rgb(136,120,108)
```
#917763
```
#917763 rgb(145,119,99)
```
#9a765a
```
#9a765a rgb(154,118,90)
```
#a47550
```
#a47550 rgb(164,117,80)
```
#ad7447
```
#ad7447 rgb(173,116,71)
```
#b6733e
```
#b6733e rgb(182,115,62)
```
#c07234
```
#c07234 rgb(192,114,52)
```
#c9712b
```
#c9712b rgb(201,113,43)
```
#d37021
```
#d37021 rgb(211,112,33)
```
#dc6f18
```
#dc6f18 rgb(220,111,24)
```
#e56e0f
```
#e56e0f rgb(229,110,15)
```
#ef6d05
```
#ef6d05 rgb(239,109,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#978170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932b Protanopia 1% of men
#b78b12 Deuteranopia 1% of men
#e16f76 Tritanopia 0.001% of the population

Trichromacy

#b88624 Protanomaly 1% of men, 0.01% of women
#c58114 Deuteranomaly 6% of men, 0.4% of women
#df6f53 Tritanomaly 0.01% of the population

#dc6f18 hex color

#dc6f18 Color Information

#dc6f18 Color Conversion

Color Schemes with #dc6f18

Alternatives to #dc6f18

#dc6f18 Preview

Shades and Tints of #dc6f18

Tones of #dc6f18

Color Blindness Simulator