#dc842f hex color

In a RGB color space, hex #dc842f is composed of 86.3% red, 51.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 78.6% yellow and 13.7% black. It has a hue angle of 29.5 degrees, a saturation of 71.2% and a lightness of 52.4%. #dc842f color hex could be obtained by blending #ffff5e with #b90900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 86
- G 52
- B 18
RGB color chart
- C 0
- M 40
- Y 79
- K 14
CMYK color chart

● #dc842f color description : Bright orange.

The hexadecimal color #dc842f has RGB values of R:220, G:132, B:47 and CMYK values of C:0, M:0.4, Y:0.79, K:0.14. Its decimal value is 14451759.

Hex triplet	dc842f	`#dc842f`
RGB Decimal	220, 132, 47	`rgb(220,132,47)`
RGB Percent	86.3, 51.8, 18.4	`rgb(86.3%,51.8%,18.4%)`
CMYK	0, 40, 79, 14
HSL	29.5°, 71.2, 52.4	`hsl(29.5,71.2%,52.4%)`
HSV (or HSB)	29.5°, 78.6, 86.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.282, 27.514, 57.205
XYZ	38.281, 31.926, 6.836
xyY	0.497, 0.414, 31.926
CIE-LCH	63.282, 63.478, 64.314
CIE-LUV	63.282, 71.525, 54.348
Hunter-Lab	56.503, 22.051, 32.38
Binary	11011100, 10000100, 00101111

#dc842f
```
#dc842f rgb(220,132,47)
```
#2f87dc
```
#2f87dc rgb(47,135,220)
```

Complementary Color

#dc2f30
```
#dc2f30 rgb(220,47,48)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#dcdb2f
```
#dcdb2f rgb(220,219,47)
```

Analogous Color

#2f31dc
```
#2f31dc rgb(47,49,220)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#2fdcdb
```
#2fdcdb rgb(47,220,219)
```

Split Complementary Color

#842fdc
```
#842fdc rgb(132,47,220)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#2fdc84
```
#2fdc84 rgb(47,220,132)
```

Triadic Color

#dc2f87
```
#dc2f87 rgb(220,47,135)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#2fdc84
```
#2fdc84 rgb(47,220,132)
```
#2f87dc
```
#2f87dc rgb(47,135,220)
```

Tetradic Color

#a35e1b
```
#a35e1b rgb(163,94,27)
```
#b96b1f
```
#b96b1f rgb(185,107,31)
```
#cf7723
```
#cf7723 rgb(207,119,35)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#e09145
```
#e09145 rgb(224,145,69)
```
#e39e5b
```
#e39e5b rgb(227,158,91)
```
#e7ab70
```
#e7ab70 rgb(231,171,112)
```

Monochromatic Color

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

#dc592f
```
#dc592f rgb(220,89,47)
```
#dc672f
```
#dc672f rgb(220,103,47)
```
#dc762f
```
#dc762f rgb(220,118,47)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#dc922f
```
#dc922f rgb(220,146,47)
```
#dca12f
```
#dca12f rgb(220,161,47)
```
#dcaf2f
```
#dcaf2f rgb(220,175,47)
```

Similar Colors

Text with hexadecimal color #dc842f

This text has a font color of #dc842f.

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

#dc842f background color

This paragraph has a background color of #dc842f.

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

#dc842f border color

This element has a border color of #dc842f.

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

CSS codes

.text {color:#dc842f;}

.background {background-color:#dc842f;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1b1005
```
#1b1005 rgb(27,16,5)
```
#2c1907
```
#2c1907 rgb(44,25,7)
```
#3d230a
```
#3d230a rgb(61,35,10)
```
#4d2d0d
```
#4d2d0d rgb(77,45,13)
```
#5e3610
```
#5e3610 rgb(94,54,16)
```
#6f4013
```
#6f4013 rgb(111,64,19)
```
#804a16
```
#804a16 rgb(128,74,22)
```
#915318
```
#915318 rgb(145,83,24)
```
#a15d1b
```
#a15d1b rgb(161,93,27)
```
#b2671e
```
#b2671e rgb(178,103,30)
```
#c37021
```
#c37021 rgb(195,112,33)
```
#d47a24
```
#d47a24 rgb(212,122,36)
```

Shade Color Variation

#dc842f
```
#dc842f rgb(220,132,47)
```
#df8e40
```
#df8e40 rgb(223,142,64)
```
#e29851
```
#e29851 rgb(226,152,81)
```
#e4a261
```
#e4a261 rgb(228,162,97)
```
#e7ac72
```
#e7ac72 rgb(231,172,114)
```
#eab683
```
#eab683 rgb(234,182,131)
```
#edc094
```
#edc094 rgb(237,192,148)
```
#f0caa5
```
#f0caa5 rgb(240,202,165)
```
#f3d3b5
```
#f3d3b5 rgb(243,211,181)
```
#f5ddc6
```
#f5ddc6 rgb(245,221,198)
```
#f8e7d7
```
#f8e7d7 rgb(248,231,215)
```
#fbf1e8
```
#fbf1e8 rgb(251,241,232)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#888583
```
#888583 rgb(136,133,131)
```
#91857a
```
#91857a rgb(145,133,122)
```
#9b8570
```
#9b8570 rgb(155,133,112)
```
#a48567
```
#a48567 rgb(164,133,103)
```
#ad855e
```
#ad855e rgb(173,133,94)
```
#b78554
```
#b78554 rgb(183,133,84)
```
#c0844b
```
#c0844b rgb(192,132,75)
```
#c98442
```
#c98442 rgb(201,132,66)
```
#d38438
```
#d38438 rgb(211,132,56)
```
#dc842f
```
#dc842f rgb(220,132,47)
```
#e58426
```
#e58426 rgb(229,132,38)
```
#ef841c
```
#ef841c rgb(239,132,28)
```
#f88413
```
#f88413 rgb(248,132,19)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a39281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e3f Protanopia 1% of men
#c49734 Deuteranopia 1% of men
#e2828a Tritanopia 0.001% of the population

Trichromacy

#c09439 Protanomaly 1% of men, 0.01% of women
#cd9032 Deuteranomaly 6% of men, 0.4% of women
#e08269 Tritanomaly 0.01% of the population

#dc842f hex color

#dc842f Color Information

#dc842f Color Conversion

Color Schemes with #dc842f

Alternatives to #dc842f

#dc842f Preview

Shades and Tints of #dc842f

Tones of #dc842f

Color Blindness Simulator