#d8a345 hex color

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

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

● #d8a345 color description : Moderate orange.

The hexadecimal color #d8a345 has RGB values of R:216, G:163, B:69 and CMYK values of C:0, M:0.25, Y:0.68, K:0.15. Its decimal value is 14197573.

Hex triplet	d8a345	`#d8a345`
RGB Decimal	216, 163, 69	`rgb(216,163,69)`
RGB Percent	84.7, 63.9, 27.1	`rgb(84.7%,63.9%,27.1%)`
CMYK	0, 25, 68, 15
HSL	38.4°, 65.3, 55.9	`hsl(38.4,65.3%,55.9%)`
HSV (or HSB)	38.4°, 68.1, 84.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.333, 10.189, 54.727
XYZ	42.491, 41.225, 11.349
xyY	0.447, 0.434, 41.225
CIE-LCH	70.333, 55.668, 79.453
CIE-LUV	70.333, 42.738, 59.961
Hunter-Lab	64.207, 5.766, 34.465
Binary	11011000, 10100011, 01000101

#d8a345
```
#d8a345 rgb(216,163,69)
```
#457ad8
```
#457ad8 rgb(69,122,216)
```

Complementary Color

#d85a45
```
#d85a45 rgb(216,90,69)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#c4d845
```
#c4d845 rgb(196,216,69)
```

Analogous Color

#5945d8
```
#5945d8 rgb(89,69,216)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#45c4d8
```
#45c4d8 rgb(69,196,216)
```

Split Complementary Color

#a345d8
```
#a345d8 rgb(163,69,216)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#45d8a3
```
#45d8a3 rgb(69,216,163)
```

Triadic Color

#d8457a
```
#d8457a rgb(216,69,122)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#45d8a3
```
#45d8a3 rgb(69,216,163)
```
#457ad8
```
#457ad8 rgb(69,122,216)
```

Tetradic Color

#ac7b24
```
#ac7b24 rgb(172,123,36)
```
#c18a29
```
#c18a29 rgb(193,138,41)
```
#d49930
```
#d49930 rgb(212,153,48)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#dcad5a
```
#dcad5a rgb(220,173,90)
```
#e1b86f
```
#e1b86f rgb(225,184,111)
```
#e5c284
```
#e5c284 rgb(229,194,132)
```

Monochromatic Color

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

#d87e45
```
#d87e45 rgb(216,126,69)
```
#d88b45
```
#d88b45 rgb(216,139,69)
```
#d89745
```
#d89745 rgb(216,151,69)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#d8af45
```
#d8af45 rgb(216,175,69)
```
#d8bc45
```
#d8bc45 rgb(216,188,69)
```
#d8c845
```
#d8c845 rgb(216,200,69)
```

Similar Colors

Text with hexadecimal color #d8a345

This text has a font color of #d8a345.

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

#d8a345 background color

This paragraph has a background color of #d8a345.

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

#d8a345 border color

This element has a border color of #d8a345.

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

CSS codes

.text {color:#d8a345;}

.background {background-color:#d8a345;}

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

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)
```
#291d09
```
#291d09 rgb(41,29,9)
```
#39290c
```
#39290c rgb(57,41,12)
```
#49350f
```
#49350f rgb(73,53,15)
```
#5a4013
```
#5a4013 rgb(90,64,19)
```
#6a4c16
```
#6a4c16 rgb(106,76,22)
```
#7a571a
```
#7a571a rgb(122,87,26)
```
#8a631d
```
#8a631d rgb(138,99,29)
```
#9b6e20
```
#9b6e20 rgb(155,110,32)
```
#ab7a24
```
#ab7a24 rgb(171,122,36)
```
#bb8627
```
#bb8627 rgb(187,134,39)
```
#cb912b
```
#cb912b rgb(203,145,43)
```

Shade Color Variation

#d59b35
```
#d59b35 rgb(213,155,53)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#dbab55
```
#dbab55 rgb(219,171,85)
```
#dfb365
```
#dfb365 rgb(223,179,101)
```
#e2bb76
```
#e2bb76 rgb(226,187,118)
```
#e6c386
```
#e6c386 rgb(230,195,134)
```
#e9cb96
```
#e9cb96 rgb(233,203,150)
```
#ecd3a6
```
#ecd3a6 rgb(236,211,166)
```
#f0dbb7
```
#f0dbb7 rgb(240,219,183)
```
#f3e3c7
```
#f3e3c7 rgb(243,227,199)
```
#f7ebd7
```
#f7ebd7 rgb(247,235,215)
```
#faf3e7
```
#faf3e7 rgb(250,243,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 #fbad22 is the most saturated one.

#93908a
```
#93908a rgb(147,144,138)
```
#9b9282
```
#9b9282 rgb(155,146,130)
```
#a49579
```
#a49579 rgb(164,149,121)
```
#ad9770
```
#ad9770 rgb(173,151,112)
```
#b59968
```
#b59968 rgb(181,153,104)
```
#be9c5f
```
#be9c5f rgb(190,156,95)
```
#c79e56
```
#c79e56 rgb(199,158,86)
```
#cfa14e
```
#cfa14e rgb(207,161,78)
```
#d8a345
```
#d8a345 rgb(216,163,69)
```
#e1a53c
```
#e1a53c rgb(225,165,60)
```
#e9a834
```
#e9a834 rgb(233,168,52)
```
#f2aa2b
```
#f2aa2b rgb(242,170,43)
```
#fbad22
```
#fbad22 rgb(251,173,34)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b2a794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b051 Protanopia 1% of men
#d8a84e Deuteranopia 1% of men
#e19ea9 Tritanopia 0.001% of the population

Trichromacy

#caab4c Protanomaly 1% of men, 0.01% of women
#d8a64b Deuteranomaly 6% of men, 0.4% of women
#dd9f84 Tritanomaly 0.01% of the population

#d8a345 hex color

#d8a345 Color Information

#d8a345 Color Conversion

Color Schemes with #d8a345

Alternatives to #d8a345

#d8a345 Preview

Shades and Tints of #d8a345

Tones of #d8a345

Color Blindness Simulator