#d4af5f hex color

In a RGB color space, hex #d4af5f is composed of 83.1% red, 68.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.5% magenta, 55.2% yellow and 16.9% black. It has a hue angle of 41 degrees, a saturation of 57.6% and a lightness of 60.2%. #d4af5f color hex could be obtained by blending #ffffbe with #a95f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 83
- G 69
- B 37
RGB color chart
- C 0
- M 17
- Y 55
- K 17
CMYK color chart

● #d4af5f color description : Moderate orange.

The hexadecimal color #d4af5f has RGB values of R:212, G:175, B:95 and CMYK values of C:0, M:0.17, Y:0.55, K:0.17. Its decimal value is 13938527.

Hex triplet	d4af5f	`#d4af5f`
RGB Decimal	212, 175, 95	`rgb(212,175,95)`
RGB Percent	83.1, 68.6, 37.3	`rgb(83.1%,68.6%,37.3%)`
CMYK	0, 17, 55, 17
HSL	41°, 57.6, 60.2	`hsl(41,57.6%,60.2%)`
HSV (or HSB)	41°, 55.2, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.21, 3.86, 45.572
XYZ	44.547, 45.485, 17.259
xyY	0.415, 0.424, 45.485
CIE-LCH	73.21, 45.735, 85.158
CIE-LUV	73.21, 29.521, 54.663
Hunter-Lab	67.443, -0.121, 32.037
Binary	11010100, 10101111, 01011111

#d4af5f
```
#d4af5f rgb(212,175,95)
```
#5f84d4
```
#5f84d4 rgb(95,132,212)
```

Complementary Color

#d4755f
```
#d4755f rgb(212,117,95)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#bfd45f
```
#bfd45f rgb(191,212,95)
```

Analogous Color

#755fd4
```
#755fd4 rgb(117,95,212)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#5fbfd4
```
#5fbfd4 rgb(95,191,212)
```

Split Complementary Color

#af5fd4
```
#af5fd4 rgb(175,95,212)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#5fd4af
```
#5fd4af rgb(95,212,175)
```

Triadic Color

#d45f84
```
#d45f84 rgb(212,95,132)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#5fd4af
```
#5fd4af rgb(95,212,175)
```
#5f84d4
```
#5f84d4 rgb(95,132,212)
```

Tetradic Color

#b68c31
```
#b68c31 rgb(182,140,49)
```
#c99b37
```
#c99b37 rgb(201,155,55)
```
#cfa54b
```
#cfa54b rgb(207,165,75)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#d9b973
```
#d9b973 rgb(217,185,115)
```
#dfc387
```
#dfc387 rgb(223,195,135)
```
#e4cd9b
```
#e4cd9b rgb(228,205,155)
```

Monochromatic Color

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

#d4925f
```
#d4925f rgb(212,146,95)
```
#d49c5f
```
#d49c5f rgb(212,156,95)
```
#d4a55f
```
#d4a55f rgb(212,165,95)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#d4b95f
```
#d4b95f rgb(212,185,95)
```
#d4c35f
```
#d4c35f rgb(212,195,95)
```
#d4cc5f
```
#d4cc5f rgb(212,204,95)
```

Similar Colors

Text with hexadecimal color #d4af5f

This text has a font color of #d4af5f.

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

#d4af5f background color

This paragraph has a background color of #d4af5f.

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

#d4af5f border color

This element has a border color of #d4af5f.

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

CSS codes

.text {color:#d4af5f;}

.background {background-color:#d4af5f;}

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

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, #0a0803 is the darkest color, while #fefcfa is the lightest one.

#0a0803
```
#0a0803 rgb(10,8,3)
```
#1a1407
```
#1a1407 rgb(26,20,7)
```
#29200b
```
#29200b rgb(41,32,11)
```
#382b0f
```
#382b0f rgb(56,43,15)
```
#483713
```
#483713 rgb(72,55,19)
```
#574317
```
#574317 rgb(87,67,23)
```
#674f1c
```
#674f1c rgb(103,79,28)
```
#765b20
```
#765b20 rgb(118,91,32)
```
#866724
```
#866724 rgb(134,103,36)
```
#957328
```
#957328 rgb(149,115,40)
```
#a57f2c
```
#a57f2c rgb(165,127,44)
```
#b48a30
```
#b48a30 rgb(180,138,48)
```
#c49635
```
#c49635 rgb(196,150,53)
```

Shade Color Variation

#cca040
```
#cca040 rgb(204,160,64)
```
#d0a750
```
#d0a750 rgb(208,167,80)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#d8b76e
```
#d8b76e rgb(216,183,110)
```
#dcbe7e
```
#dcbe7e rgb(220,190,126)
```
#e0c68d
```
#e0c68d rgb(224,198,141)
```
#e5ce9d
```
#e5ce9d rgb(229,206,157)
```
#e9d6ac
```
#e9d6ac rgb(233,214,172)
```
#edddbc
```
#edddbc rgb(237,221,188)
```
#f1e5cb
```
#f1e5cb rgb(241,229,203)
```
#f5eddb
```
#f5eddb rgb(245,237,219)
```
#f9f5ea
```
#f9f5ea rgb(249,245,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#9d9b96
```
#9d9b96 rgb(157,155,150)
```
#a59e8e
```
#a59e8e rgb(165,158,142)
```
#ada186
```
#ada186 rgb(173,161,134)
```
#b5a47e
```
#b5a47e rgb(181,164,126)
```
#bda676
```
#bda676 rgb(189,166,118)
```
#c4a96f
```
#c4a96f rgb(196,169,111)
```
#ccac67
```
#ccac67 rgb(204,172,103)
```
#d4af5f
```
#d4af5f rgb(212,175,95)
```
#dcb257
```
#dcb257 rgb(220,178,87)
```
#e4b54f
```
#e4b54f rgb(228,181,79)
```
#ebb848
```
#ebb848 rgb(235,184,72)
```
#f3ba40
```
#f3ba40 rgb(243,186,64)
```
#fbbd38
```
#fbbd38 rgb(251,189,56)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b8b1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b768 Protanopia 1% of men
#deaf68 Deuteranopia 1% of men
#ddaab5 Tritanopia 0.001% of the population

Trichromacy

#cdb465 Protanomaly 1% of men, 0.01% of women
#daaf65 Deuteranomaly 6% of men, 0.4% of women
#daab96 Tritanomaly 0.01% of the population

#d4af5f hex color

#d4af5f Color Information

#d4af5f Color Conversion

Color Schemes with #d4af5f

Alternatives to #d4af5f

#d4af5f Preview

Shades and Tints of #d4af5f

Tones of #d4af5f

Color Blindness Simulator