#d8a158 hex color

In a RGB color space, hex #d8a158 is composed of 84.7% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 59.3% yellow and 15.3% black. It has a hue angle of 34.2 degrees, a saturation of 62.1% and a lightness of 59.6%. #d8a158 color hex could be obtained by blending #ffffb0 with #b14300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 85
- G 63
- B 35
RGB color chart
- C 0
- M 25
- Y 59
- K 15
CMYK color chart

● #d8a158 color description : Moderate orange.

The hexadecimal color #d8a158 has RGB values of R:216, G:161, B:88 and CMYK values of C:0, M:0.25, Y:0.59, K:0.15. Its decimal value is 14197080.

Hex triplet	d8a158	`#d8a158`
RGB Decimal	216, 161, 88	`rgb(216,161,88)`
RGB Percent	84.7, 63.1, 34.5	`rgb(84.7%,63.1%,34.5%)`
CMYK	0, 25, 59, 15
HSL	34.2°, 62.1, 59.6	`hsl(34.2,62.1%,59.6%)`
HSV (or HSB)	34.2°, 59.3, 84.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.032, 12.489, 45.382
XYZ	42.826, 40.795, 14.851
xyY	0.435, 0.414, 40.795
CIE-LCH	70.032, 47.069, 74.614
CIE-LUV	70.032, 42.899, 51.616
Hunter-Lab	63.871, 7.91, 30.924
Binary	11011000, 10100001, 01011000

#d8a158
```
#d8a158 rgb(216,161,88)
```
#588fd8
```
#588fd8 rgb(88,143,216)
```

Complementary Color

#d86158
```
#d86158 rgb(216,97,88)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#cfd858
```
#cfd858 rgb(207,216,88)
```

Analogous Color

#6158d8
```
#6158d8 rgb(97,88,216)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#58cfd8
```
#58cfd8 rgb(88,207,216)
```

Split Complementary Color

#a158d8
```
#a158d8 rgb(161,88,216)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#58d8a1
```
#58d8a1 rgb(88,216,161)
```

Triadic Color

#d8588f
```
#d8588f rgb(216,88,143)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#58d8a1
```
#58d8a1 rgb(88,216,161)
```
#588fd8
```
#588fd8 rgb(88,143,216)
```

Tetradic Color

#b87c2b
```
#b87c2b rgb(184,124,43)
```
#cd8a30
```
#cd8a30 rgb(205,138,48)
```
#d39543
```
#d39543 rgb(211,149,67)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#ddad6d
```
#ddad6d rgb(221,173,109)
```
#e2b881
```
#e2b881 rgb(226,184,129)
```
#e6c496
```
#e6c496 rgb(230,196,150)
```

Monochromatic Color

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

#d88158
```
#d88158 rgb(216,129,88)
```
#d88c58
```
#d88c58 rgb(216,140,88)
```
#d89658
```
#d89658 rgb(216,150,88)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#d8ac58
```
#d8ac58 rgb(216,172,88)
```
#d8b658
```
#d8b658 rgb(216,182,88)
```
#d8c158
```
#d8c158 rgb(216,193,88)
```

Similar Colors

Text with hexadecimal color #d8a158

This text has a font color of #d8a158.

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

#d8a158 background color

This paragraph has a background color of #d8a158.

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

#d8a158 border color

This element has a border color of #d8a158.

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

CSS codes

.text {color:#d8a158;}

.background {background-color:#d8a158;}

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

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

#080502
```
#080502 rgb(8,5,2)
```
#181006
```
#181006 rgb(24,16,6)
```
#281b09
```
#281b09 rgb(40,27,9)
```
#38250d
```
#38250d rgb(56,37,13)
```
#483011
```
#483011 rgb(72,48,17)
```
#573b14
```
#573b14 rgb(87,59,20)
```
#674518
```
#674518 rgb(103,69,24)
```
#77501c
```
#77501c rgb(119,80,28)
```
#875b20
```
#875b20 rgb(135,91,32)
```
#976523
```
#976523 rgb(151,101,35)
```
#a77027
```
#a77027 rgb(167,112,39)
```
#b77b2b
```
#b77b2b rgb(183,123,43)
```
#c7852e
```
#c7852e rgb(199,133,46)
```

Shade Color Variation

#d18f38
```
#d18f38 rgb(209,143,56)
```
#d49848
```
#d49848 rgb(212,152,72)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#dcaa68
```
#dcaa68 rgb(220,170,104)
```
#dfb378
```
#dfb378 rgb(223,179,120)
```
#e3bc88
```
#e3bc88 rgb(227,188,136)
```
#e7c598
```
#e7c598 rgb(231,197,152)
```
#ebcea8
```
#ebcea8 rgb(235,206,168)
```
#eed7b7
```
#eed7b7 rgb(238,215,183)
```
#f2e0c7
```
#f2e0c7 rgb(242,224,199)
```
#f6e9d7
```
#f6e9d7 rgb(246,233,215)
```
#f9f2e7
```
#f9f2e7 rgb(249,242,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#999897
```
#999897 rgb(153,152,151)
```
#a1998f
```
#a1998f rgb(161,153,143)
```
#a89a88
```
#a89a88 rgb(168,154,136)
```
#b09b80
```
#b09b80 rgb(176,155,128)
```
#b89d78
```
#b89d78 rgb(184,157,120)
```
#c09e70
```
#c09e70 rgb(192,158,112)
```
#c89f68
```
#c89f68 rgb(200,159,104)
```
#d0a060
```
#d0a060 rgb(208,160,96)
```
#d8a158
```
#d8a158 rgb(216,161,88)
```
#e0a250
```
#e0a250 rgb(224,162,80)
```
#e8a348
```
#e8a348 rgb(232,163,72)
```
#f0a440
```
#f0a440 rgb(240,164,64)
```
#f8a538
```
#f8a538 rgb(248,165,56)
```

Tone Color Variation

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

Dichromacy

#c0af63 Protanopia 1% of men
#d5a760 Deuteranopia 1% of men
#e09da8 Tritanopia 0.001% of the population

Trichromacy

#c9aa5f Protanomaly 1% of men, 0.01% of women
#d6a55d Deuteranomaly 6% of men, 0.4% of women
#dd9e8b Tritanomaly 0.01% of the population

#d8a158 hex color

#d8a158 Color Information

#d8a158 Color Conversion

Color Schemes with #d8a158

Alternatives to #d8a158

#d8a158 Preview

Shades and Tints of #d8a158

Tones of #d8a158

Color Blindness Simulator