#dc942e hex color

In a RGB color space, hex #dc942e is composed of 86.3% red, 58% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 79.1% yellow and 13.7% black. It has a hue angle of 35.2 degrees, a saturation of 71.3% and a lightness of 52.2%. #dc942e color hex could be obtained by blending #ffff5c with #b92900. Closest websafe color is: #cc9933.

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

● #dc942e color description : Bright orange.

The hexadecimal color #dc942e has RGB values of R:220, G:148, B:46 and CMYK values of C:0, M:0.33, Y:0.79, K:0.14. Its decimal value is 14455854.

Hex triplet	dc942e	`#dc942e`
RGB Decimal	220, 148, 46	`rgb(220,148,46)`
RGB Percent	86.3, 58, 18	`rgb(86.3%,58%,18%)`
CMYK	0, 33, 79, 14
HSL	35.2°, 71.3, 52.2	`hsl(35.2,71.3%,52.2%)`
HSV (or HSB)	35.2°, 79.1, 86.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.972, 18.917, 61.035
XYZ	40.599, 36.595, 7.51
xyY	0.479, 0.432, 36.595
CIE-LCH	66.972, 63.899, 72.78
CIE-LUV	66.972, 58.758, 60.752
Hunter-Lab	60.494, 13.931, 34.985
Binary	11011100, 10010100, 00101110

#dc942e
```
#dc942e rgb(220,148,46)
```
#2e76dc
```
#2e76dc rgb(46,118,220)
```

Complementary Color

#dc3d2e
```
#dc3d2e rgb(220,61,46)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#cddc2e
```
#cddc2e rgb(205,220,46)
```

Analogous Color

#3d2edc
```
#3d2edc rgb(61,46,220)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#2ecddc
```
#2ecddc rgb(46,205,220)
```

Split Complementary Color

#942edc
```
#942edc rgb(148,46,220)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#2edc94
```
#2edc94 rgb(46,220,148)
```

Triadic Color

#dc2e76
```
#dc2e76 rgb(220,46,118)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#2edc94
```
#2edc94 rgb(46,220,148)
```
#2e76dc
```
#2e76dc rgb(46,118,220)
```

Tetradic Color

#a26a1b
```
#a26a1b rgb(162,106,27)
```
#b8791f
```
#b8791f rgb(184,121,31)
```
#ce8722
```
#ce8722 rgb(206,135,34)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#e09f44
```
#e09f44 rgb(224,159,68)
```
#e3aa5a
```
#e3aa5a rgb(227,170,90)
```
#e7b670
```
#e7b670 rgb(231,182,112)
```

Monochromatic Color

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

#dc692e
```
#dc692e rgb(220,105,46)
```
#dc772e
```
#dc772e rgb(220,119,46)
```
#dc862e
```
#dc862e rgb(220,134,46)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#dca32e
```
#dca32e rgb(220,163,46)
```
#dcb12e
```
#dcb12e rgb(220,177,46)
```
#dcc02e
```
#dcc02e rgb(220,192,46)
```

Similar Colors

Text with hexadecimal color #dc942e

This text has a font color of #dc942e.

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

#dc942e background color

This paragraph has a background color of #dc942e.

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

#dc942e border color

This element has a border color of #dc942e.

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

CSS codes

.text {color:#dc942e;}

.background {background-color:#dc942e;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#1a1104
```
#1a1104 rgb(26,17,4)
```
#2b1c07
```
#2b1c07 rgb(43,28,7)
```
#3c270a
```
#3c270a rgb(60,39,10)
```
#4d320d
```
#4d320d rgb(77,50,13)
```
#5d3d10
```
#5d3d10 rgb(93,61,16)
```
#6e4812
```
#6e4812 rgb(110,72,18)
```
#7f5315
```
#7f5315 rgb(127,83,21)
```
#905e18
```
#905e18 rgb(144,94,24)
```
#a1691b
```
#a1691b rgb(161,105,27)
```
#b1741e
```
#b1741e rgb(177,116,30)
```
#c27f21
```
#c27f21 rgb(194,127,33)
```
#d38a23
```
#d38a23 rgb(211,138,35)
```

Shade Color Variation

#dc942e
```
#dc942e rgb(220,148,46)
```
#df9d3f
```
#df9d3f rgb(223,157,63)
```
#e2a550
```
#e2a550 rgb(226,165,80)
```
#e4ae60
```
#e4ae60 rgb(228,174,96)
```
#e7b671
```
#e7b671 rgb(231,182,113)
```
#eabf82
```
#eabf82 rgb(234,191,130)
```
#edc893
```
#edc893 rgb(237,200,147)
```
#f0d0a4
```
#f0d0a4 rgb(240,208,164)
```
#f3d9b4
```
#f3d9b4 rgb(243,217,180)
```
#f5e1c5
```
#f5e1c5 rgb(245,225,197)
```
#f8ead6
```
#f8ead6 rgb(248,234,214)
```
#fbf3e7
```
#fbf3e7 rgb(251,243,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#888582
```
#888582 rgb(136,133,130)
```
#918779
```
#918779 rgb(145,135,121)
```
#9a8970
```
#9a8970 rgb(154,137,112)
```
#a48a66
```
#a48a66 rgb(164,138,102)
```
#ad8c5d
```
#ad8c5d rgb(173,140,93)
```
#b68e54
```
#b68e54 rgb(182,142,84)
```
#c08f4a
```
#c08f4a rgb(192,143,74)
```
#c99141
```
#c99141 rgb(201,145,65)
```
#d39237
```
#d39237 rgb(211,146,55)
```
#dc942e
```
#dc942e rgb(220,148,46)
```
#e59625
```
#e59625 rgb(229,150,37)
```
#ef971b
```
#ef971b rgb(239,151,27)
```
#f89912
```
#f89912 rgb(248,153,18)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#aa9c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa83c Protanopia 1% of men
#d09f36 Deuteranopia 1% of men
#e39099 Tritanopia 0.001% of the population

Trichromacy

#c6a037 Protanomaly 1% of men, 0.01% of women
#d49b33 Deuteranomaly 6% of men, 0.4% of women
#e09172 Tritanomaly 0.01% of the population

#dc942e hex color

#dc942e Color Information

#dc942e Color Conversion

Color Schemes with #dc942e

Alternatives to #dc942e

#dc942e Preview

Shades and Tints of #dc942e

Tones of #dc942e

Color Blindness Simulator