#d7b158 hex color

In a RGB color space, hex #d7b158 is composed of 84.3% red, 69.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 59.1% yellow and 15.7% black. It has a hue angle of 42 degrees, a saturation of 61.4% and a lightness of 59.4%. #d7b158 color hex could be obtained by blending #ffffb0 with #af6300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 69
- B 35
RGB color chart
- C 0
- M 18
- Y 59
- K 16
CMYK color chart

● #d7b158 color description : Moderate orange.

The hexadecimal color #d7b158 has RGB values of R:215, G:177, B:88 and CMYK values of C:0, M:0.18, Y:0.59, K:0.16. Its decimal value is 14135640.

Hex triplet	d7b158	`#d7b158`
RGB Decimal	215, 177, 88	`rgb(215,177,88)`
RGB Percent	84.3, 69.4, 34.5	`rgb(84.3%,69.4%,34.5%)`
CMYK	0, 18, 59, 16
HSL	42°, 61.4, 59.4	`hsl(42,61.4%,59.4%)`
HSV (or HSB)	42°, 59.1, 84.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.932, 3.523, 49.892
XYZ	45.508, 46.598, 15.829
xyY	0.422, 0.432, 46.598
CIE-LCH	73.932, 50.016, 85.961
CIE-LUV	73.932, 30.766, 58.829
Hunter-Lab	68.263, -0.46, 34.035
Binary	11010111, 10110001, 01011000

#d7b158
```
#d7b158 rgb(215,177,88)
```
#587ed7
```
#587ed7 rgb(88,126,215)
```

Complementary Color

#d77258
```
#d77258 rgb(215,114,88)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#bed758
```
#bed758 rgb(190,215,88)
```

Analogous Color

#7258d7
```
#7258d7 rgb(114,88,215)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#58bed7
```
#58bed7 rgb(88,190,215)
```

Split Complementary Color

#b158d7
```
#b158d7 rgb(177,88,215)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#58d7b1
```
#58d7b1 rgb(88,215,177)
```

Triadic Color

#d7587e
```
#d7587e rgb(215,88,126)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#58d7b1
```
#58d7b1 rgb(88,215,177)
```
#587ed7
```
#587ed7 rgb(88,126,215)
```

Tetradic Color

#b78d2c
```
#b78d2c rgb(183,141,44)
```
#cb9d31
```
#cb9d31 rgb(203,157,49)
```
#d2a743
```
#d2a743 rgb(210,167,67)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#dcbb6d
```
#dcbb6d rgb(220,187,109)
```
#e1c481
```
#e1c481 rgb(225,196,129)
```
#e6ce96
```
#e6ce96 rgb(230,206,150)
```

Monochromatic Color

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

#d79158
```
#d79158 rgb(215,145,88)
```
#d79c58
```
#d79c58 rgb(215,156,88)
```
#d7a658
```
#d7a658 rgb(215,166,88)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#d7bc58
```
#d7bc58 rgb(215,188,88)
```
#d7c658
```
#d7c658 rgb(215,198,88)
```
#d7d158
```
#d7d158 rgb(215,209,88)
```

Similar Colors

Text with hexadecimal color #d7b158

This text has a font color of #d7b158.

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

#d7b158 background color

This paragraph has a background color of #d7b158.

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

#d7b158 border color

This element has a border color of #d7b158.

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

CSS codes

.text {color:#d7b158;}

.background {background-color:#d7b158;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#171205
```
#171205 rgb(23,18,5)
```
#271e09
```
#271e09 rgb(39,30,9)
```
#372a0d
```
#372a0d rgb(55,42,13)
```
#463611
```
#463611 rgb(70,54,17)
```
#564315
```
#564315 rgb(86,67,21)
```
#664f18
```
#664f18 rgb(102,79,24)
```
#765b1c
```
#765b1c rgb(118,91,28)
```
#866720
```
#866720 rgb(134,103,32)
```
#957324
```
#957324 rgb(149,115,36)
```
#a58028
```
#a58028 rgb(165,128,40)
```
#b58c2b
```
#b58c2b rgb(181,140,43)
```
#c5982f
```
#c5982f rgb(197,152,47)
```

Shade Color Variation

#cfa238
```
#cfa238 rgb(207,162,56)
```
#d3aa48
```
#d3aa48 rgb(211,170,72)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#dbb868
```
#dbb868 rgb(219,184,104)
```
#dfc078
```
#dfc078 rgb(223,192,120)
```
#e2c787
```
#e2c787 rgb(226,199,135)
```
#e6cf97
```
#e6cf97 rgb(230,207,151)
```
#ead6a7
```
#ead6a7 rgb(234,214,167)
```
#eeddb7
```
#eeddb7 rgb(238,221,183)
```
#f2e5c7
```
#f2e5c7 rgb(242,229,199)
```
#f5ecd7
```
#f5ecd7 rgb(245,236,215)
```
#f9f4e6
```
#f9f4e6 rgb(249,244,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#9f9b90
```
#9f9b90 rgb(159,155,144)
```
#a79e88
```
#a79e88 rgb(167,158,136)
```
#afa180
```
#afa180 rgb(175,161,128)
```
#b7a478
```
#b7a478 rgb(183,164,120)
```
#bfa770
```
#bfa770 rgb(191,167,112)
```
#c7ab68
```
#c7ab68 rgb(199,171,104)
```
#cfae60
```
#cfae60 rgb(207,174,96)
```
#d7b158
```
#d7b158 rgb(215,177,88)
```
#dfb450
```
#dfb450 rgb(223,180,80)
```
#e7b748
```
#e7b748 rgb(231,183,72)
```
#efbb40
```
#efbb40 rgb(239,187,64)
```
#f7be38
```
#f7be38 rgb(247,190,56)
```
#ffc130
```
#ffc130 rgb(255,193,48)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b9b2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb962 Protanopia 1% of men
#e2b161 Deuteranopia 1% of men
#e1abb7 Tritanopia 0.001% of the population

Trichromacy

#d0b65e Protanomaly 1% of men, 0.01% of women
#deb15e Deuteranomaly 6% of men, 0.4% of women
#ddad94 Tritanomaly 0.01% of the population

#d7b158 hex color

#d7b158 Color Information

#d7b158 Color Conversion

Color Schemes with #d7b158

Alternatives to #d7b158

#d7b158 Preview

Shades and Tints of #d7b158

Tones of #d7b158

Color Blindness Simulator