#d7972a hex color

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

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

● #d7972a color description : Strong orange.

The hexadecimal color #d7972a has RGB values of R:215, G:151, B:42 and CMYK values of C:0, M:0.3, Y:0.8, K:0.16. Its decimal value is 14128938.

Hex triplet	d7972a	`#d7972a`
RGB Decimal	215, 151, 42	`rgb(215,151,42)`
RGB Percent	84.3, 59.2, 16.5	`rgb(84.3%,59.2%,16.5%)`
CMYK	0, 30, 80, 16
HSL	37.8°, 68.4, 50.4	`hsl(37.8,68.4%,50.4%)`
HSV (or HSB)	37.8°, 80.5, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.089, 15.015, 62.37
XYZ	39.51, 36.75, 7.203
xyY	0.473, 0.44, 36.75
CIE-LCH	67.089, 64.152, 76.464
CIE-LUV	67.089, 52.538, 62.603
Hunter-Lab	60.622, 10.248, 35.39
Binary	11010111, 10010111, 00101010

#d7972a
```
#d7972a rgb(215,151,42)
```
#2a6ad7
```
#2a6ad7 rgb(42,106,215)
```

Complementary Color

#d7412a
```
#d7412a rgb(215,65,42)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#c1d72a
```
#c1d72a rgb(193,215,42)
```

Analogous Color

#402ad7
```
#402ad7 rgb(64,42,215)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#2ac1d7
```
#2ac1d7 rgb(42,193,215)
```

Split Complementary Color

#972ad7
```
#972ad7 rgb(151,42,215)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#2ad797
```
#2ad797 rgb(42,215,151)
```

Triadic Color

#d72a6a
```
#d72a6a rgb(215,42,106)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#2ad797
```
#2ad797 rgb(42,215,151)
```
#2a6ad7
```
#2a6ad7 rgb(42,106,215)
```

Tetradic Color

#986a1d
```
#986a1d rgb(152,106,29)
```
#ad7921
```
#ad7921 rgb(173,121,33)
```
#c38825
```
#c38825 rgb(195,136,37)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#dba13f
```
#dba13f rgb(219,161,63)
```
#dfac55
```
#dfac55 rgb(223,172,85)
```
#e3b66a
```
#e3b66a rgb(227,182,106)
```

Monochromatic Color

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

#d76c2a
```
#d76c2a rgb(215,108,42)
```
#d77a2a
```
#d77a2a rgb(215,122,42)
```
#d7892a
```
#d7892a rgb(215,137,42)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#d7a52a
```
#d7a52a rgb(215,165,42)
```
#d7b42a
```
#d7b42a rgb(215,180,42)
```
#d7c22a
```
#d7c22a rgb(215,194,42)
```

Similar Colors

Text with hexadecimal color #d7972a

This text has a font color of #d7972a.

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

#d7972a background color

This paragraph has a background color of #d7972a.

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

#d7972a border color

This element has a border color of #d7972a.

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

CSS codes

.text {color:#d7972a;}

.background {background-color:#d7972a;}

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

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 #fcf8f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231807
```
#231807 rgb(35,24,7)
```
#33240a
```
#33240a rgb(51,36,10)
```
#442f0d
```
#442f0d rgb(68,47,13)
```
#543b10
```
#543b10 rgb(84,59,16)
```
#654613
```
#654613 rgb(101,70,19)
```
#755216
```
#755216 rgb(117,82,22)
```
#865e19
```
#865e19 rgb(134,94,25)
```
#96691c
```
#96691c rgb(150,105,28)
```
#a7751f
```
#a7751f rgb(167,117,31)
```
#b78022
```
#b78022 rgb(183,128,34)
```
#c88c26
```
#c88c26 rgb(200,140,38)
```

Shade Color Variation

#d7972a
```
#d7972a rgb(215,151,42)
```
#da9f3b
```
#da9f3b rgb(218,159,59)
```
#dda74b
```
#dda74b rgb(221,167,75)
```
#e0af5c
```
#e0af5c rgb(224,175,92)
```
#e3b76c
```
#e3b76c rgb(227,183,108)
```
#e7bf7d
```
#e7bf7d rgb(231,191,125)
```
#eac78d
```
#eac78d rgb(234,199,141)
```
#edcf9e
```
#edcf9e rgb(237,207,158)
```
#f0d8ae
```
#f0d8ae rgb(240,216,174)
```
#f3e0bf
```
#f3e0bf rgb(243,224,191)
```
#f6e8cf
```
#f6e8cf rgb(246,232,207)
```
#f9f0e0
```
#f9f0e0 rgb(249,240,224)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#898378
```
#898378 rgb(137,131,120)
```
#93856e
```
#93856e rgb(147,133,110)
```
#9d8864
```
#9d8864 rgb(157,136,100)
```
#a68a5b
```
#a68a5b rgb(166,138,91)
```
#b08d51
```
#b08d51 rgb(176,141,81)
```
#ba8f47
```
#ba8f47 rgb(186,143,71)
```
#c4923d
```
#c4923d rgb(196,146,61)
```
#cd9434
```
#cd9434 rgb(205,148,52)
```
#d7972a
```
#d7972a rgb(215,151,42)
```
#e19a20
```
#e19a20 rgb(225,154,32)
```
#ea9c17
```
#ea9c17 rgb(234,156,23)
```
#f49f0d
```
#f49f0d rgb(244,159,13)
```
#fea103
```
#fea103 rgb(254,161,3)
```

Tone Color Variation

Below, you can see how #d7972a 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
#a99d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba838 Protanopia 1% of men
#d0a033 Deuteranopia 1% of men
#df929c Tritanopia 0.001% of the population

Trichromacy

#c5a233 Protanomaly 1% of men, 0.01% of women
#d39c2f Deuteranomaly 6% of men, 0.4% of women
#dc9472 Tritanomaly 0.01% of the population

#d7972a hex color

#d7972a Color Information

#d7972a Color Conversion

Color Schemes with #d7972a

Alternatives to #d7972a

#d7972a Preview

Shades and Tints of #d7972a

Tones of #d7972a

Color Blindness Simulator