#d7a34f hex color

In a RGB color space, hex #d7a34f is composed of 84.3% red, 63.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.2% magenta, 63.3% yellow and 15.7% black. It has a hue angle of 37.1 degrees, a saturation of 63% and a lightness of 57.6%. #d7a34f color hex could be obtained by blending #ffff9e with #af4700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 64
- B 31
RGB color chart
- C 0
- M 24
- Y 63
- K 16
CMYK color chart

● #d7a34f color description : Moderate orange.

The hexadecimal color #d7a34f has RGB values of R:215, G:163, B:79 and CMYK values of C:0, M:0.24, Y:0.63, K:0.16. Its decimal value is 14132047.

Hex triplet	d7a34f	`#d7a34f`
RGB Decimal	215, 163, 79	`rgb(215,163,79)`
RGB Percent	84.3, 63.9, 31	`rgb(84.3%,63.9%,31%)`
CMYK	0, 24, 63, 16
HSL	37.1°, 63, 57.6	`hsl(37.1,63%,57.6%)`
HSV (or HSB)	37.1°, 63.3, 84.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.321, 10.368, 50.07
XYZ	42.533, 41.208, 13.11
xyY	0.439, 0.425, 41.208
CIE-LCH	70.321, 51.132, 78.301
CIE-LUV	70.321, 41.333, 56.215
Hunter-Lab	64.194, 5.932, 32.826
Binary	11010111, 10100011, 01001111

#d7a34f
```
#d7a34f rgb(215,163,79)
```
#4f83d7
```
#4f83d7 rgb(79,131,215)
```

Complementary Color

#d75f4f
```
#d75f4f rgb(215,95,79)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#c7d74f
```
#c7d74f rgb(199,215,79)
```

Analogous Color

#5f4fd7
```
#5f4fd7 rgb(95,79,215)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#4fc7d7
```
#4fc7d7 rgb(79,199,215)
```

Split Complementary Color

#a34fd7
```
#a34fd7 rgb(163,79,215)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#4fd7a3
```
#4fd7a3 rgb(79,215,163)
```

Triadic Color

#d74f83
```
#d74f83 rgb(215,79,131)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#4fd7a3
```
#4fd7a3 rgb(79,215,163)
```
#4f83d7
```
#4f83d7 rgb(79,131,215)
```

Tetradic Color

#b17d28
```
#b17d28 rgb(177,125,40)
```
#c68c2d
```
#c68c2d rgb(198,140,45)
```
#d2983a
```
#d2983a rgb(210,152,58)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#dcae64
```
#dcae64 rgb(220,174,100)
```
#e0b979
```
#e0b979 rgb(224,185,121)
```
#e5c48d
```
#e5c48d rgb(229,196,141)
```

Monochromatic Color

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

#d7814f
```
#d7814f rgb(215,129,79)
```
#d78c4f
```
#d78c4f rgb(215,140,79)
```
#d7984f
```
#d7984f rgb(215,152,79)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#d7ae4f
```
#d7ae4f rgb(215,174,79)
```
#d7ba4f
```
#d7ba4f rgb(215,186,79)
```
#d7c54f
```
#d7c54f rgb(215,197,79)
```

Similar Colors

Text with hexadecimal color #d7a34f

This text has a font color of #d7a34f.

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

#d7a34f background color

This paragraph has a background color of #d7a34f.

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

#d7a34f border color

This element has a border color of #d7a34f.

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

CSS codes

.text {color:#d7a34f;}

.background {background-color:#d7a34f;}

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

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, #100b04 is the darkest color, while #ffffff is the lightest one.

#100b04
```
#100b04 rgb(16,11,4)
```
#201607
```
#201607 rgb(32,22,7)
```
#30220b
```
#30220b rgb(48,34,11)
```
#402d0e
```
#402d0e rgb(64,45,14)
```
#503812
```
#503812 rgb(80,56,18)
```
#604316
```
#604316 rgb(96,67,22)
```
#704f19
```
#704f19 rgb(112,79,25)
```
#805a1d
```
#805a1d rgb(128,90,29)
```
#906521
```
#906521 rgb(144,101,33)
```
#a07024
```
#a07024 rgb(160,112,36)
```
#b07c28
```
#b07c28 rgb(176,124,40)
```
#c0872c
```
#c0872c rgb(192,135,44)
```
#d0922f
```
#d0922f rgb(208,146,47)
```

Shade Color Variation

#d39b3f
```
#d39b3f rgb(211,155,63)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#dbab5f
```
#dbab5f rgb(219,171,95)
```
#deb46f
```
#deb46f rgb(222,180,111)
```
#e2bc7f
```
#e2bc7f rgb(226,188,127)
```
#e6c48f
```
#e6c48f rgb(230,196,143)
```
#e9cd9f
```
#e9cd9f rgb(233,205,159)
```
#edd5af
```
#edd5af rgb(237,213,175)
```
#f0ddbf
```
#f0ddbf rgb(240,221,191)
```
#f4e6cf
```
#f4e6cf rgb(244,230,207)
```
#f8eedf
```
#f8eedf rgb(248,238,223)
```
#fbf7ef
```
#fbf7ef rgb(251,247,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#959391
```
#959391 rgb(149,147,145)
```
#9d9589
```
#9d9589 rgb(157,149,137)
```
#a59781
```
#a59781 rgb(165,151,129)
```
#ad9979
```
#ad9979 rgb(173,153,121)
```
#b69b70
```
#b69b70 rgb(182,155,112)
```
#be9d68
```
#be9d68 rgb(190,157,104)
```
#c69f60
```
#c69f60 rgb(198,159,96)
```
#cfa157
```
#cfa157 rgb(207,161,87)
```
#d7a34f
```
#d7a34f rgb(215,163,79)
```
#dfa547
```
#dfa547 rgb(223,165,71)
```
#e8a73e
```
#e8a73e rgb(232,167,62)
```
#f0a936
```
#f0a936 rgb(240,169,54)
```
#f8ab2e
```
#f8ab2e rgb(248,171,46)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b2a897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b05a Protanopia 1% of men
#d7a857 Deuteranopia 1% of men
#df9ea9 Tritanopia 0.001% of the population

Trichromacy

#c9ab56 Protanomaly 1% of men, 0.01% of women
#d7a654 Deuteranomaly 6% of men, 0.4% of women
#dca088 Tritanomaly 0.01% of the population

#d7a34f hex color

#d7a34f Color Information

#d7a34f Color Conversion

Color Schemes with #d7a34f

Alternatives to #d7a34f

#d7a34f Preview

Shades and Tints of #d7a34f

Tones of #d7a34f

Color Blindness Simulator