#d7a742 hex color

In a RGB color space, hex #d7a742 is composed of 84.3% red, 65.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 69.3% yellow and 15.7% black. It has a hue angle of 40.7 degrees, a saturation of 65.1% and a lightness of 55.1%. #d7a742 color hex could be obtained by blending #ffff84 with #af4f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 65
- B 26
RGB color chart
- C 0
- M 22
- Y 69
- K 16
CMYK color chart

● #d7a742 color description : Moderate orange.

The hexadecimal color #d7a742 has RGB values of R:215, G:167, B:66 and CMYK values of C:0, M:0.22, Y:0.69, K:0.16. Its decimal value is 14133058.

Hex triplet	d7a742	`#d7a742`
RGB Decimal	215, 167, 66	`rgb(215,167,66)`
RGB Percent	84.3, 65.5, 25.9	`rgb(84.3%,65.5%,25.9%)`
CMYK	0, 22, 69, 16
HSL	40.7°, 65.1, 55.1	`hsl(40.7,65.1%,55.1%)`
HSV (or HSB)	40.7°, 69.3, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.201, 7.457, 56.923
XYZ	42.827, 42.48, 11.098
xyY	0.444, 0.441, 42.48
CIE-LCH	71.201, 57.409, 82.537
CIE-LUV	71.201, 39.168, 62.604
Hunter-Lab	65.177, 3.232, 35.528
Binary	11010111, 10100111, 01000010

#d7a742
```
#d7a742 rgb(215,167,66)
```
#4272d7
```
#4272d7 rgb(66,114,215)
```

Complementary Color

#d75d42
```
#d75d42 rgb(215,93,66)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#bdd742
```
#bdd742 rgb(189,215,66)
```

Analogous Color

#5d42d7
```
#5d42d7 rgb(93,66,215)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#42bdd7
```
#42bdd7 rgb(66,189,215)
```

Split Complementary Color

#a742d7
```
#a742d7 rgb(167,66,215)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#42d7a7
```
#42d7a7 rgb(66,215,167)
```

Triadic Color

#d74272
```
#d74272 rgb(215,66,114)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#42d7a7
```
#42d7a7 rgb(66,215,167)
```
#4272d7
```
#4272d7 rgb(66,114,215)
```

Tetradic Color

#a97e24
```
#a97e24 rgb(169,126,36)
```
#be8e28
```
#be8e28 rgb(190,142,40)
```
#d39d2d
```
#d39d2d rgb(211,157,45)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#dbb157
```
#dbb157 rgb(219,177,87)
```
#e0bb6c
```
#e0bb6c rgb(224,187,108)
```
#e4c481
```
#e4c481 rgb(228,196,129)
```

Monochromatic Color

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

#d78242
```
#d78242 rgb(215,130,66)
```
#d78e42
```
#d78e42 rgb(215,142,66)
```
#d79b42
```
#d79b42 rgb(215,155,66)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#d7b342
```
#d7b342 rgb(215,179,66)
```
#d7c042
```
#d7c042 rgb(215,192,66)
```
#d7cc42
```
#d7cc42 rgb(215,204,66)
```

Similar Colors

Text with hexadecimal color #d7a742

This text has a font color of #d7a742.

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

#d7a742 background color

This paragraph has a background color of #d7a742.

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

#d7a742 border color

This element has a border color of #d7a742.

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

CSS codes

.text {color:#d7a742;}

.background {background-color:#d7a742;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151005
```
#151005 rgb(21,16,5)
```
#261c08
```
#261c08 rgb(38,28,8)
```
#36280b
```
#36280b rgb(54,40,11)
```
#46340f
```
#46340f rgb(70,52,15)
```
#564012
```
#564012 rgb(86,64,18)
```
#664c16
```
#664c16 rgb(102,76,22)
```
#775819
```
#775819 rgb(119,88,25)
```
#87651d
```
#87651d rgb(135,101,29)
```
#977120
```
#977120 rgb(151,113,32)
```
#a77d23
```
#a77d23 rgb(167,125,35)
```
#b78927
```
#b78927 rgb(183,137,39)
```
#c8952a
```
#c8952a rgb(200,149,42)
```

Shade Color Variation

#d49f32
```
#d49f32 rgb(212,159,50)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#daaf52
```
#daaf52 rgb(218,175,82)
```
#deb662
```
#deb662 rgb(222,182,98)
```
#e1be73
```
#e1be73 rgb(225,190,115)
```
#e5c583
```
#e5c583 rgb(229,197,131)
```
#e8cd93
```
#e8cd93 rgb(232,205,147)
```
#ecd4a3
```
#ecd4a3 rgb(236,212,163)
```
#efdcb3
```
#efdcb3 rgb(239,220,179)
```
#f2e3c4
```
#f2e3c4 rgb(242,227,196)
```
#f6ebd4
```
#f6ebd4 rgb(246,235,212)
```
#f9f2e4
```
#f9f2e4 rgb(249,242,228)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#918e88
```
#918e88 rgb(145,142,136)
```
#999180
```
#999180 rgb(153,145,128)
```
#a29477
```
#a29477 rgb(162,148,119)
```
#ab976e
```
#ab976e rgb(171,151,110)
```
#b49a65
```
#b49a65 rgb(180,154,101)
```
#bd9e5c
```
#bd9e5c rgb(189,158,92)
```
#c5a154
```
#c5a154 rgb(197,161,84)
```
#cea44b
```
#cea44b rgb(206,164,75)
```
#d7a742
```
#d7a742 rgb(215,167,66)
```
#e0aa39
```
#e0aa39 rgb(224,170,57)
```
#e9ad30
```
#e9ad30 rgb(233,173,48)
```
#f1b028
```
#f1b028 rgb(241,176,40)
```
#fab41f
```
#fab41f rgb(250,180,31)
```

Tone Color Variation

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

Dichromacy

#c5b24d Protanopia 1% of men
#dcaa4c Deuteranopia 1% of men
#e0a1ac Tritanopia 0.001% of the population

Trichromacy

#ccae49 Protanomaly 1% of men, 0.01% of women
#daa948 Deuteranomaly 6% of men, 0.4% of women
#dda385 Tritanomaly 0.01% of the population

#d7a742 hex color

#d7a742 Color Information

#d7a742 Color Conversion

Color Schemes with #d7a742

Alternatives to #d7a742

#d7a742 Preview

Shades and Tints of #d7a742

Tones of #d7a742

Color Blindness Simulator