#d7aa55 hex color

In a RGB color space, hex #d7aa55 is composed of 84.3% red, 66.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.9% magenta, 60.5% yellow and 15.7% black. It has a hue angle of 39.2 degrees, a saturation of 61.9% and a lightness of 58.8%. #d7aa55 color hex could be obtained by blending #ffffaa with #af5500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 67
- B 33
RGB color chart
- C 0
- M 21
- Y 60
- K 16
CMYK color chart

● #d7aa55 color description : Moderate orange.

The hexadecimal color #d7aa55 has RGB values of R:215, G:170, B:85 and CMYK values of C:0, M:0.21, Y:0.6, K:0.16. Its decimal value is 14133845.

Hex triplet	d7aa55	`#d7aa55`
RGB Decimal	215, 170, 85	`rgb(215,170,85)`
RGB Percent	84.3, 66.7, 33.3	`rgb(84.3%,66.7%,33.3%)`
CMYK	0, 21, 60, 16
HSL	39.2°, 61.9, 58.8	`hsl(39.2,61.9%,58.8%)`
HSV (or HSB)	39.2°, 60.5, 84.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.131, 7.029, 49.259
XYZ	44.039, 43.854, 14.739
xyY	0.429, 0.427, 43.854
CIE-LCH	72.131, 49.758, 81.879
CIE-LUV	72.131, 35.888, 56.906
Hunter-Lab	66.223, 2.816, 33.16
Binary	11010111, 10101010, 01010101

#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#5582d7
```
#5582d7 rgb(85,130,215)
```

Complementary Color

#d76955
```
#d76955 rgb(215,105,85)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#c3d755
```
#c3d755 rgb(195,215,85)
```

Analogous Color

#6955d7
```
#6955d7 rgb(105,85,215)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#55c3d7
```
#55c3d7 rgb(85,195,215)
```

Split Complementary Color

#aa55d7
```
#aa55d7 rgb(170,85,215)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#55d7aa
```
#55d7aa rgb(85,215,170)
```

Triadic Color

#d75582
```
#d75582 rgb(215,85,130)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#55d7aa
```
#55d7aa rgb(85,215,170)
```
#5582d7
```
#5582d7 rgb(85,130,215)
```

Tetradic Color

#b5852b
```
#b5852b rgb(181,133,43)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#d2a040
```
#d2a040 rgb(210,160,64)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#dcb46a
```
#dcb46a rgb(220,180,106)
```
#e1bf7e
```
#e1bf7e rgb(225,191,126)
```
#e6c993
```
#e6c993 rgb(230,201,147)
```

Monochromatic Color

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

#d78a55
```
#d78a55 rgb(215,138,85)
```
#d79455
```
#d79455 rgb(215,148,85)
```
#d79f55
```
#d79f55 rgb(215,159,85)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#d7b555
```
#d7b555 rgb(215,181,85)
```
#d7c055
```
#d7c055 rgb(215,192,85)
```
#d7cb55
```
#d7cb55 rgb(215,203,85)
```

Similar Colors

Text with hexadecimal color #d7aa55

This text has a font color of #d7aa55.

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

#d7aa55 background color

This paragraph has a background color of #d7aa55.

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

#d7aa55 border color

This element has a border color of #d7aa55.

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

CSS codes

.text {color:#d7aa55;}

.background {background-color:#d7aa55;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150f05
```
#150f05 rgb(21,15,5)
```
#241b09
```
#241b09 rgb(36,27,9)
```
#34260c
```
#34260c rgb(52,38,12)
```
#443210
```
#443210 rgb(68,50,16)
```
#543e14
```
#543e14 rgb(84,62,20)
```
#644918
```
#644918 rgb(100,73,24)
```
#74551b
```
#74551b rgb(116,85,27)
```
#84611f
```
#84611f rgb(132,97,31)
```
#946d23
```
#946d23 rgb(148,109,35)
```
#a37826
```
#a37826 rgb(163,120,38)
```
#b3842a
```
#b3842a rgb(179,132,42)
```
#c3902e
```
#c3902e rgb(195,144,46)
```

Shade Color Variation

#d09a35
```
#d09a35 rgb(208,154,53)
```
#d3a245
```
#d3a245 rgb(211,162,69)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#dbb265
```
#dbb265 rgb(219,178,101)
```
#deba75
```
#deba75 rgb(222,186,117)
```
#e2c285
```
#e2c285 rgb(226,194,133)
```
#e6ca95
```
#e6ca95 rgb(230,202,149)
```
#ead2a4
```
#ead2a4 rgb(234,210,164)
```
#eddab4
```
#eddab4 rgb(237,218,180)
```
#f1e2c4
```
#f1e2c4 rgb(241,226,196)
```
#f5ead4
```
#f5ead4 rgb(245,234,212)
```
#f9f1e4
```
#f9f1e4 rgb(249,241,228)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#969696
```
#969696 rgb(150,150,150)
```
#9e998e
```
#9e998e rgb(158,153,142)
```
#a79b85
```
#a79b85 rgb(167,155,133)
```
#af9e7d
```
#af9e7d rgb(175,158,125)
```
#b7a075
```
#b7a075 rgb(183,160,117)
```
#bfa36d
```
#bfa36d rgb(191,163,109)
```
#c7a565
```
#c7a565 rgb(199,165,101)
```
#cfa85d
```
#cfa85d rgb(207,168,93)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#dfac4d
```
#dfac4d rgb(223,172,77)
```
#e7af45
```
#e7af45 rgb(231,175,69)
```
#efb13d
```
#efb13d rgb(239,177,61)
```
#f7b435
```
#f7b435 rgb(247,180,53)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b6ad9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b55f Protanopia 1% of men
#dcac5e Deuteranopia 1% of men
#e0a5b0 Tritanopia 0.001% of the population

Trichromacy

#ccb15b Protanomaly 1% of men, 0.01% of women
#daab5a Deuteranomaly 6% of men, 0.4% of women
#dda68f Tritanomaly 0.01% of the population

#d7aa55 hex color

#d7aa55 Color Information

#d7aa55 Color Conversion

Color Schemes with #d7aa55

Alternatives to #d7aa55

#d7aa55 Preview

Shades and Tints of #d7aa55

Tones of #d7aa55

Color Blindness Simulator