#d7942f hex color

In a RGB color space, hex #d7942f is composed of 84.3% red, 58% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 78.1% yellow and 15.7% black. It has a hue angle of 36.1 degrees, a saturation of 67.7% and a lightness of 51.4%. #d7942f color hex could be obtained by blending #ffff5e with #af2900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 58
- B 18
RGB color chart
- C 0
- M 31
- Y 78
- K 16
CMYK color chart

● #d7942f color description : Strong orange.

The hexadecimal color #d7942f has RGB values of R:215, G:148, B:47 and CMYK values of C:0, M:0.31, Y:0.78, K:0.16. Its decimal value is 14128175.

Hex triplet	d7942f	`#d7942f`
RGB Decimal	215, 148, 47	`rgb(215,148,47)`
RGB Percent	84.3, 58, 18.4	`rgb(84.3%,58%,18.4%)`
CMYK	0, 31, 78, 16
HSL	36.1°, 67.7, 51.4	`hsl(36.1,67.7%,51.4%)`
HSV (or HSB)	36.1°, 78.1, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.393, 16.808, 59.909
XYZ	39.128, 35.835, 7.545
xyY	0.474, 0.434, 35.835
CIE-LCH	66.393, 62.222, 74.328
CIE-LUV	66.393, 54.658, 60.268
Hunter-Lab	59.862, 11.916, 34.43
Binary	11010111, 10010100, 00101111

#d7942f
```
#d7942f rgb(215,148,47)
```
#2f72d7
```
#2f72d7 rgb(47,114,215)
```

Complementary Color

#d7402f
```
#d7402f rgb(215,64,47)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#c6d72f
```
#c6d72f rgb(198,215,47)
```

Analogous Color

#402fd7
```
#402fd7 rgb(64,47,215)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#2fc6d7
```
#2fc6d7 rgb(47,198,215)
```

Split Complementary Color

#942fd7
```
#942fd7 rgb(148,47,215)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#2fd794
```
#2fd794 rgb(47,215,148)
```

Triadic Color

#d72f72
```
#d72f72 rgb(215,47,114)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#2fd794
```
#2fd794 rgb(47,215,148)
```
#2f72d7
```
#2f72d7 rgb(47,114,215)
```

Tetradic Color

#9c691e
```
#9c691e rgb(156,105,30)
```
#b17822
```
#b17822 rgb(177,120,34)
```
#c68626
```
#c68626 rgb(198,134,38)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#db9f44
```
#db9f44 rgb(219,159,68)
```
#dfaa5a
```
#dfaa5a rgb(223,170,90)
```
#e3b56f
```
#e3b56f rgb(227,181,111)
```

Monochromatic Color

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

#d76a2f
```
#d76a2f rgb(215,106,47)
```
#d7782f
```
#d7782f rgb(215,120,47)
```
#d7862f
```
#d7862f rgb(215,134,47)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#d7a22f
```
#d7a22f rgb(215,162,47)
```
#d7b02f
```
#d7b02f rgb(215,176,47)
```
#d7be2f
```
#d7be2f rgb(215,190,47)
```

Similar Colors

Text with hexadecimal color #d7942f

This text has a font color of #d7942f.

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

#d7942f background color

This paragraph has a background color of #d7942f.

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

#d7942f border color

This element has a border color of #d7942f.

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

CSS codes

.text {color:#d7942f;}

.background {background-color:#d7942f;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#160f04
```
#160f04 rgb(22,15,4)
```
#271a07
```
#271a07 rgb(39,26,7)
```
#37250b
```
#37250b rgb(55,37,11)
```
#48310e
```
#48310e rgb(72,49,14)
```
#583c11
```
#583c11 rgb(88,60,17)
```
#694714
```
#694714 rgb(105,71,20)
```
#795217
```
#795217 rgb(121,82,23)
```
#895d1a
```
#895d1a rgb(137,93,26)
```
#9a681e
```
#9a681e rgb(154,104,30)
```
#aa7421
```
#aa7421 rgb(170,116,33)
```
#bb7f24
```
#bb7f24 rgb(187,127,36)
```
#cb8a27
```
#cb8a27 rgb(203,138,39)
```

Shade Color Variation

#d7942f
```
#d7942f rgb(215,148,47)
```
#da9c3f
```
#da9c3f rgb(218,156,63)
```
#dda550
```
#dda550 rgb(221,165,80)
```
#e0ad60
```
#e0ad60 rgb(224,173,96)
```
#e4b671
```
#e4b671 rgb(228,182,113)
```
#e7be81
```
#e7be81 rgb(231,190,129)
```
#eac792
```
#eac792 rgb(234,199,146)
```
#edcfa2
```
#edcfa2 rgb(237,207,162)
```
#f0d8b3
```
#f0d8b3 rgb(240,216,179)
```
#f3e0c3
```
#f3e0c3 rgb(243,224,195)
```
#f7e9d4
```
#f7e9d4 rgb(247,233,212)
```
#faf1e4
```
#faf1e4 rgb(250,241,228)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#8b857b
```
#8b857b rgb(139,133,123)
```
#948672
```
#948672 rgb(148,134,114)
```
#9e8868
```
#9e8868 rgb(158,136,104)
```
#a78a5f
```
#a78a5f rgb(167,138,95)
```
#b18c55
```
#b18c55 rgb(177,140,85)
```
#ba8e4c
```
#ba8e4c rgb(186,142,76)
```
#c49042
```
#c49042 rgb(196,144,66)
```
#cd9239
```
#cd9239 rgb(205,146,57)
```
#d7942f
```
#d7942f rgb(215,148,47)
```
#e19625
```
#e19625 rgb(225,150,37)
```
#ea981c
```
#ea981c rgb(234,152,28)
```
#f49a12
```
#f49a12 rgb(244,154,18)
```
#fd9c09
```
#fd9c09 rgb(253,156,9)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a99b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a63d Protanopia 1% of men
#ce9e37 Deuteranopia 1% of men
#df909a Tritanopia 0.001% of the population

Trichromacy

#c49f38 Protanomaly 1% of men, 0.01% of women
#d19a34 Deuteranomaly 6% of men, 0.4% of women
#dc9173 Tritanomaly 0.01% of the population

#d7942f hex color

#d7942f Color Information

#d7942f Color Conversion

Color Schemes with #d7942f

Alternatives to #d7942f

#d7942f Preview

Shades and Tints of #d7942f

Tones of #d7942f

Color Blindness Simulator