#d7af46 hex color

In a RGB color space, hex #d7af46 is composed of 84.3% red, 68.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 67.4% yellow and 15.7% black. It has a hue angle of 43.4 degrees, a saturation of 64.4% and a lightness of 55.9%. #d7af46 color hex could be obtained by blending #ffff8c with #af5f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 69
- B 27
RGB color chart
- C 0
- M 19
- Y 67
- K 16
CMYK color chart

● #d7af46 color description : Moderate orange.

The hexadecimal color #d7af46 has RGB values of R:215, G:175, B:70 and CMYK values of C:0, M:0.19, Y:0.67, K:0.16. Its decimal value is 14135110.

Hex triplet	d7af46	`#d7af46`
RGB Decimal	215, 175, 70	`rgb(215,175,70)`
RGB Percent	84.3, 68.6, 27.5	`rgb(84.3%,68.6%,27.5%)`
CMYK	0, 19, 67, 16
HSL	43.4°, 64.4, 55.9	`hsl(43.4,64.4%,55.9%)`
HSV (or HSB)	43.4°, 67.4, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.253, 3.421, 57.349
XYZ	44.46, 45.551, 12.245
xyY	0.435, 0.445, 45.551
CIE-LCH	73.253, 57.451, 86.586
CIE-LUV	73.253, 33.136, 64.696
Hunter-Lab	67.492, -0.523, 36.488
Binary	11010111, 10101111, 01000110

#d7af46
```
#d7af46 rgb(215,175,70)
```
#466ed7
```
#466ed7 rgb(70,110,215)
```

Complementary Color

#d76746
```
#d76746 rgb(215,103,70)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#b7d746
```
#b7d746 rgb(183,215,70)
```

Analogous Color

#6746d7
```
#6746d7 rgb(103,70,215)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#46b7d7
```
#46b7d7 rgb(70,183,215)
```

Split Complementary Color

#af46d7
```
#af46d7 rgb(175,70,215)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#46d7af
```
#46d7af rgb(70,215,175)
```

Triadic Color

#d7466e
```
#d7466e rgb(215,70,110)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#46d7af
```
#46d7af rgb(70,215,175)
```
#466ed7
```
#466ed7 rgb(70,110,215)
```

Tetradic Color

#ab8625
```
#ab8625 rgb(171,134,37)
```
#c0972a
```
#c0972a rgb(192,151,42)
```
#d2a631
```
#d2a631 rgb(210,166,49)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#dcb85b
```
#dcb85b rgb(220,184,91)
```
#e0c170
```
#e0c170 rgb(224,193,112)
```
#e5ca85
```
#e5ca85 rgb(229,202,133)
```

Monochromatic Color

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

#d78b46
```
#d78b46 rgb(215,139,70)
```
#d79746
```
#d79746 rgb(215,151,70)
```
#d7a346
```
#d7a346 rgb(215,163,70)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#d7bb46
```
#d7bb46 rgb(215,187,70)
```
#d7c746
```
#d7c746 rgb(215,199,70)
```
#d7d346
```
#d7d346 rgb(215,211,70)
```

Similar Colors

Text with hexadecimal color #d7af46

This text has a font color of #d7af46.

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

#d7af46 background color

This paragraph has a background color of #d7af46.

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

#d7af46 border color

This element has a border color of #d7af46.

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

CSS codes

.text {color:#d7af46;}

.background {background-color:#d7af46;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#191305
```
#191305 rgb(25,19,5)
```
#292009
```
#292009 rgb(41,32,9)
```
#392d0c
```
#392d0c rgb(57,45,12)
```
#493910
```
#493910 rgb(73,57,16)
```
#594613
```
#594613 rgb(89,70,19)
```
#695317
```
#695317 rgb(105,83,23)
```
#795f1a
```
#795f1a rgb(121,95,26)
```
#8a6c1e
```
#8a6c1e rgb(138,108,30)
```
#9a7821
```
#9a7821 rgb(154,120,33)
```
#aa8525
```
#aa8525 rgb(170,133,37)
```
#ba9228
```
#ba9228 rgb(186,146,40)
```
#ca9e2c
```
#ca9e2c rgb(202,158,44)
```

Shade Color Variation

#d4a836
```
#d4a836 rgb(212,168,54)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#dab656
```
#dab656 rgb(218,182,86)
```
#debd66
```
#debd66 rgb(222,189,102)
```
#e1c476
```
#e1c476 rgb(225,196,118)
```
#e5cb87
```
#e5cb87 rgb(229,203,135)
```
#e8d297
```
#e8d297 rgb(232,210,151)
```
#ecd9a7
```
#ecd9a7 rgb(236,217,167)
```
#efe0b7
```
#efe0b7 rgb(239,224,183)
```
#f3e7c7
```
#f3e7c7 rgb(243,231,199)
```
#f6eed7
```
#f6eed7 rgb(246,238,215)
```
#faf5e7
```
#faf5e7 rgb(250,245,231)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#92908b
```
#92908b rgb(146,144,139)
```
#9a9483
```
#9a9483 rgb(154,148,131)
```
#a3987a
```
#a3987a rgb(163,152,122)
```
#ac9c71
```
#ac9c71 rgb(172,156,113)
```
#b49f69
```
#b49f69 rgb(180,159,105)
```
#bda360
```
#bda360 rgb(189,163,96)
```
#c6a757
```
#c6a757 rgb(198,167,87)
```
#ceab4f
```
#ceab4f rgb(206,171,79)
```
#d7af46
```
#d7af46 rgb(215,175,70)
```
#e0b33d
```
#e0b33d rgb(224,179,61)
```
#e8b735
```
#e8b735 rgb(232,183,53)
```
#f1bb2c
```
#f1bb2c rgb(241,187,44)
```
#fabf23
```
#fabf23 rgb(250,191,35)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b7af9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb851 Protanopia 1% of men
#e2af51 Deuteranopia 1% of men
#e1a8b4 Tritanopia 0.001% of the population

Trichromacy

#cfb44d Protanomaly 1% of men, 0.01% of women
#deaf4d Deuteranomaly 6% of men, 0.4% of women
#ddab8c Tritanomaly 0.01% of the population

#d7af46 hex color

#d7af46 Color Information

#d7af46 Color Conversion

Color Schemes with #d7af46

Alternatives to #d7af46

#d7af46 Preview

Shades and Tints of #d7af46

Tones of #d7af46

Color Blindness Simulator