#d7842a hex color

In a RGB color space, hex #d7842a is composed of 84.3% red, 51.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.6% magenta, 80.5% yellow and 15.7% black. It has a hue angle of 31.2 degrees, a saturation of 68.4% and a lightness of 50.4%. #d7842a color hex could be obtained by blending #ffff54 with #af0900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 52
- B 16
RGB color chart
- C 0
- M 39
- Y 80
- K 16
CMYK color chart

● #d7842a color description : Strong orange.

The hexadecimal color #d7842a has RGB values of R:215, G:132, B:42 and CMYK values of C:0, M:0.39, Y:0.8, K:0.16. Its decimal value is 14124074.

Hex triplet	d7842a	`#d7842a`
RGB Decimal	215, 132, 42	`rgb(215,132,42)`
RGB Percent	84.3, 51.8, 16.5	`rgb(84.3%,51.8%,16.5%)`
CMYK	0, 39, 80, 16
HSL	31.2°, 68.4, 50.4	`hsl(31.2,68.4%,50.4%)`
HSV (or HSB)	31.2°, 80.5, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.608, 25.246, 58.322
XYZ	36.695, 31.12, 6.265
xyY	0.495, 0.42, 31.12
CIE-LCH	62.608, 63.551, 66.594
CIE-LUV	62.608, 67.712, 55.279
Hunter-Lab	55.785, 19.791, 32.391
Binary	11010111, 10000100, 00101010

#d7842a
```
#d7842a rgb(215,132,42)
```
#2a7dd7
```
#2a7dd7 rgb(42,125,215)
```

Complementary Color

#d72e2a
```
#d72e2a rgb(215,46,42)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#d4d72a
```
#d4d72a rgb(212,215,42)
```

Analogous Color

#2e2ad7
```
#2e2ad7 rgb(46,42,215)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#2ad4d7
```
#2ad4d7 rgb(42,212,215)
```

Split Complementary Color

#842ad7
```
#842ad7 rgb(132,42,215)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#2ad784
```
#2ad784 rgb(42,215,132)
```

Triadic Color

#d72a7d
```
#d72a7d rgb(215,42,125)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#2ad784
```
#2ad784 rgb(42,215,132)
```
#2a7dd7
```
#2a7dd7 rgb(42,125,215)
```

Tetradic Color

#985d1d
```
#985d1d rgb(152,93,29)
```
#ad6a21
```
#ad6a21 rgb(173,106,33)
```
#c37725
```
#c37725 rgb(195,119,37)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#db903f
```
#db903f rgb(219,144,63)
```
#df9d55
```
#df9d55 rgb(223,157,85)
```
#e3a96a
```
#e3a96a rgb(227,169,106)
```

Monochromatic Color

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

#d7592a
```
#d7592a rgb(215,89,42)
```
#d7672a
```
#d7672a rgb(215,103,42)
```
#d7762a
```
#d7762a rgb(215,118,42)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#d7922a
```
#d7922a rgb(215,146,42)
```
#d7a12a
```
#d7a12a rgb(215,161,42)
```
#d7af2a
```
#d7af2a rgb(215,175,42)
```

Similar Colors

Text with hexadecimal color #d7842a

This text has a font color of #d7842a.

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

#d7842a background color

This paragraph has a background color of #d7842a.

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

#d7842a border color

This element has a border color of #d7842a.

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

CSS codes

.text {color:#d7842a;}

.background {background-color:#d7842a;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231507
```
#231507 rgb(35,21,7)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#44290d
```
#44290d rgb(68,41,13)
```
#543310
```
#543310 rgb(84,51,16)
```
#653e13
```
#653e13 rgb(101,62,19)
```
#754816
```
#754816 rgb(117,72,22)
```
#865219
```
#865219 rgb(134,82,25)
```
#965c1c
```
#965c1c rgb(150,92,28)
```
#a7661f
```
#a7661f rgb(167,102,31)
```
#b77022
```
#b77022 rgb(183,112,34)
```
#c87a26
```
#c87a26 rgb(200,122,38)
```

Shade Color Variation

#d7842a
```
#d7842a rgb(215,132,42)
```
#da8e3b
```
#da8e3b rgb(218,142,59)
```
#dd974b
```
#dd974b rgb(221,151,75)
```
#e0a15c
```
#e0a15c rgb(224,161,92)
```
#e3aa6c
```
#e3aa6c rgb(227,170,108)
```
#e7b47d
```
#e7b47d rgb(231,180,125)
```
#eabd8d
```
#eabd8d rgb(234,189,141)
```
#edc79e
```
#edc79e rgb(237,199,158)
```
#f0d0ae
```
#f0d0ae rgb(240,208,174)
```
#f3dabf
```
#f3dabf rgb(243,218,191)
```
#f6e3cf
```
#f6e3cf rgb(246,227,207)
```
#f9ede0
```
#f9ede0 rgb(249,237,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#898178
```
#898178 rgb(137,129,120)
```
#93816e
```
#93816e rgb(147,129,110)
```
#9d8264
```
#9d8264 rgb(157,130,100)
```
#a6825b
```
#a6825b rgb(166,130,91)
```
#b08251
```
#b08251 rgb(176,130,81)
```
#ba8347
```
#ba8347 rgb(186,131,71)
```
#c4833d
```
#c4833d rgb(196,131,61)
```
#cd8434
```
#cd8434 rgb(205,132,52)
```
#d7842a
```
#d7842a rgb(215,132,42)
```
#e18420
```
#e18420 rgb(225,132,32)
```
#ea8517
```
#ea8517 rgb(234,133,23)
```
#f4850d
```
#f4850d rgb(244,133,13)
```
#fe8603
```
#fe8603 rgb(254,134,3)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a1907e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d39 Protanopia 1% of men
#c29530 Deuteranopia 1% of men
#dd828a Tritanopia 0.001% of the population

Trichromacy

#bd9334 Protanomaly 1% of men, 0.01% of women
#ca8f2d Deuteranomaly 6% of men, 0.4% of women
#db8267 Tritanomaly 0.01% of the population

#d7842a hex color

#d7842a Color Information

#d7842a Color Conversion

Color Schemes with #d7842a

Alternatives to #d7842a

#d7842a Preview

Shades and Tints of #d7842a

Tones of #d7842a

Color Blindness Simulator