#d8a745 hex color

In a RGB color space, hex #d8a745 is composed of 84.7% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 68.1% yellow and 15.3% black. It has a hue angle of 40 degrees, a saturation of 65.3% and a lightness of 55.9%. #d8a745 color hex could be obtained by blending #ffff8a with #b14f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 85
- G 65
- B 27
RGB color chart
- C 0
- M 23
- Y 68
- K 15
CMYK color chart

● #d8a745 color description : Moderate orange.

The hexadecimal color #d8a745 has RGB values of R:216, G:167, B:69 and CMYK values of C:0, M:0.23, Y:0.68, K:0.15. Its decimal value is 14198597.

Hex triplet	d8a745	`#d8a745`
RGB Decimal	216, 167, 69	`rgb(216,167,69)`
RGB Percent	84.7, 65.5, 27.1	`rgb(84.7%,65.5%,27.1%)`
CMYK	0, 23, 68, 15
HSL	40°, 65.3, 55.9	`hsl(40,65.3%,55.9%)`
HSV (or HSB)	40°, 68.1, 84.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.329, 8.049, 55.784
XYZ	43.212, 42.668, 11.59
xyY	0.443, 0.438, 42.668
CIE-LCH	71.329, 56.361, 81.789
CIE-LUV	71.329, 39.777, 61.663
Hunter-Lab	65.321, 3.773, 35.205
Binary	11011000, 10100111, 01000101

#d8a745
```
#d8a745 rgb(216,167,69)
```
#4576d8
```
#4576d8 rgb(69,118,216)
```

Complementary Color

#d85e45
```
#d85e45 rgb(216,94,69)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#c0d845
```
#c0d845 rgb(192,216,69)
```

Analogous Color

#5d45d8
```
#5d45d8 rgb(93,69,216)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#45c0d8
```
#45c0d8 rgb(69,192,216)
```

Split Complementary Color

#a745d8
```
#a745d8 rgb(167,69,216)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#45d8a7
```
#45d8a7 rgb(69,216,167)
```

Triadic Color

#d84576
```
#d84576 rgb(216,69,118)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#45d8a7
```
#45d8a7 rgb(69,216,167)
```
#4576d8
```
#4576d8 rgb(69,118,216)
```

Tetradic Color

#ac7f24
```
#ac7f24 rgb(172,127,36)
```
#c18e29
```
#c18e29 rgb(193,142,41)
```
#d49d30
```
#d49d30 rgb(212,157,48)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#dcb15a
```
#dcb15a rgb(220,177,90)
```
#e1bb6f
```
#e1bb6f rgb(225,187,111)
```
#e5c584
```
#e5c584 rgb(229,197,132)
```

Monochromatic Color

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

#d88245
```
#d88245 rgb(216,130,69)
```
#d88f45
```
#d88f45 rgb(216,143,69)
```
#d89b45
```
#d89b45 rgb(216,155,69)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#d8b345
```
#d8b345 rgb(216,179,69)
```
#d8c045
```
#d8c045 rgb(216,192,69)
```
#d8cc45
```
#d8cc45 rgb(216,204,69)
```

Similar Colors

Text with hexadecimal color #d8a745

This text has a font color of #d8a745.

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

#d8a745 background color

This paragraph has a background color of #d8a745.

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

#d8a745 border color

This element has a border color of #d8a745.

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

CSS codes

.text {color:#d8a745;}

.background {background-color:#d8a745;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#191205
```
#191205 rgb(25,18,5)
```
#291e09
```
#291e09 rgb(41,30,9)
```
#392a0c
```
#392a0c rgb(57,42,12)
```
#49360f
```
#49360f rgb(73,54,15)
```
#5a4213
```
#5a4213 rgb(90,66,19)
```
#6a4e16
```
#6a4e16 rgb(106,78,22)
```
#7a5a1a
```
#7a5a1a rgb(122,90,26)
```
#8a661d
```
#8a661d rgb(138,102,29)
```
#9b7220
```
#9b7220 rgb(155,114,32)
```
#ab7e24
```
#ab7e24 rgb(171,126,36)
```
#bb8a27
```
#bb8a27 rgb(187,138,39)
```
#cb962b
```
#cb962b rgb(203,150,43)
```

Shade Color Variation

#d59f35
```
#d59f35 rgb(213,159,53)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#dbaf55
```
#dbaf55 rgb(219,175,85)
```
#dfb665
```
#dfb665 rgb(223,182,101)
```
#e2be76
```
#e2be76 rgb(226,190,118)
```
#e6c686
```
#e6c686 rgb(230,198,134)
```
#e9cd96
```
#e9cd96 rgb(233,205,150)
```
#ecd5a6
```
#ecd5a6 rgb(236,213,166)
```
#f0ddb7
```
#f0ddb7 rgb(240,221,183)
```
#f3e4c7
```
#f3e4c7 rgb(243,228,199)
```
#f7ecd7
```
#f7ecd7 rgb(247,236,215)
```
#faf4e7
```
#faf4e7 rgb(250,244,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#93908a
```
#93908a rgb(147,144,138)
```
#9b9382
```
#9b9382 rgb(155,147,130)
```
#a49679
```
#a49679 rgb(164,150,121)
```
#ad9970
```
#ad9970 rgb(173,153,112)
```
#b59b68
```
#b59b68 rgb(181,155,104)
```
#be9e5f
```
#be9e5f rgb(190,158,95)
```
#c7a156
```
#c7a156 rgb(199,161,86)
```
#cfa44e
```
#cfa44e rgb(207,164,78)
```
#d8a745
```
#d8a745 rgb(216,167,69)
```
#e1aa3c
```
#e1aa3c rgb(225,170,60)
```
#e9ad34
```
#e9ad34 rgb(233,173,52)
```
#f2b02b
```
#f2b02b rgb(242,176,43)
```
#fbb322
```
#fbb322 rgb(251,179,34)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b3a996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b350 Protanopia 1% of men
#dcaa4f Deuteranopia 1% of men
#e1a1ac Tritanopia 0.001% of the population

Trichromacy

#ccae4c Protanomaly 1% of men, 0.01% of women
#daa94b Deuteranomaly 6% of men, 0.4% of women
#dea387 Tritanomaly 0.01% of the population

#d8a745 hex color

#d8a745 Color Information

#d8a745 Color Conversion

Color Schemes with #d8a745

Alternatives to #d8a745

#d8a745 Preview

Shades and Tints of #d8a745

Tones of #d8a745

Color Blindness Simulator