#d5af63 hex color

In a RGB color space, hex #d5af63 is composed of 83.5% red, 68.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 53.5% yellow and 16.5% black. It has a hue angle of 40 degrees, a saturation of 57.6% and a lightness of 61.2%. #d5af63 color hex could be obtained by blending #ffffc6 with #ab5f00. Closest websafe color is: #cc9966.

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

● #d5af63 color description : Moderate orange.

The hexadecimal color #d5af63 has RGB values of R:213, G:175, B:99 and CMYK values of C:0, M:0.18, Y:0.54, K:0.16. Its decimal value is 14004067.

Hex triplet	d5af63	`#d5af63`
RGB Decimal	213, 175, 99	`rgb(213,175,99)`
RGB Percent	83.5, 68.6, 38.8	`rgb(83.5%,68.6%,38.8%)`
CMYK	0, 18, 54, 16
HSL	40°, 57.6, 61.2	`hsl(40,57.6%,61.2%)`
HSV (or HSB)	40°, 53.5, 83.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.356, 4.608, 43.781
XYZ	45.023, 45.709, 18.255
xyY	0.413, 0.419, 45.709
CIE-LCH	73.356, 44.022, 83.991
CIE-LUV	73.356, 29.996, 52.863
Hunter-Lab	67.608, 0.556, 31.317
Binary	11010101, 10101111, 01100011

#d5af63
```
#d5af63 rgb(213,175,99)
```
#6389d5
```
#6389d5 rgb(99,137,213)
```

Complementary Color

#d57663
```
#d57663 rgb(213,118,99)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#c2d563
```
#c2d563 rgb(194,213,99)
```

Analogous Color

#7663d5
```
#7663d5 rgb(118,99,213)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#63c2d5
```
#63c2d5 rgb(99,194,213)
```

Split Complementary Color

#af63d5
```
#af63d5 rgb(175,99,213)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#63d5af
```
#63d5af rgb(99,213,175)
```

Triadic Color

#d56389
```
#d56389 rgb(213,99,137)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#63d5af
```
#63d5af rgb(99,213,175)
```
#6389d5
```
#6389d5 rgb(99,137,213)
```

Tetradic Color

#ba8c32
```
#ba8c32 rgb(186,140,50)
```
#ca9a3b
```
#ca9a3b rgb(202,154,59)
```
#d0a54f
```
#d0a54f rgb(208,165,79)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#dab977
```
#dab977 rgb(218,185,119)
```
#e0c48b
```
#e0c48b rgb(224,196,139)
```
#e5ce9f
```
#e5ce9f rgb(229,206,159)
```

Monochromatic Color

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

#d59363
```
#d59363 rgb(213,147,99)
```
#d59c63
```
#d59c63 rgb(213,156,99)
```
#d5a663
```
#d5a663 rgb(213,166,99)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#d5b963
```
#d5b963 rgb(213,185,99)
```
#d5c263
```
#d5c263 rgb(213,194,99)
```
#d5cc63
```
#d5cc63 rgb(213,204,99)
```

Similar Colors

Text with hexadecimal color #d5af63

This text has a font color of #d5af63.

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

#d5af63 background color

This paragraph has a background color of #d5af63.

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

#d5af63 border color

This element has a border color of #d5af63.

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

CSS codes

.text {color:#d5af63;}

.background {background-color:#d5af63;}

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

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

#0e0b04
```
#0e0b04 rgb(14,11,4)
```
#1d1608
```
#1d1608 rgb(29,22,8)
```
#2d220c
```
#2d220c rgb(45,34,12)
```
#3c2e10
```
#3c2e10 rgb(60,46,16)
```
#4c3914
```
#4c3914 rgb(76,57,20)
```
#5b4519
```
#5b4519 rgb(91,69,25)
```
#6b511d
```
#6b511d rgb(107,81,29)
```
#7a5c21
```
#7a5c21 rgb(122,92,33)
```
#8a6825
```
#8a6825 rgb(138,104,37)
```
#997429
```
#997429 rgb(153,116,41)
```
#a97f2d
```
#a97f2d rgb(169,127,45)
```
#b88b32
```
#b88b32 rgb(184,139,50)
```
#c79736
```
#c79736 rgb(199,151,54)
```

Shade Color Variation

#cd9f44
```
#cd9f44 rgb(205,159,68)
```
#d1a754
```
#d1a754 rgb(209,167,84)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#d9b772
```
#d9b772 rgb(217,183,114)
```
#ddbf82
```
#ddbf82 rgb(221,191,130)
```
#e1c791
```
#e1c791 rgb(225,199,145)
```
#e6cfa1
```
#e6cfa1 rgb(230,207,161)
```
#ead7b0
```
#ead7b0 rgb(234,215,176)
```
#eedfc0
```
#eedfc0 rgb(238,223,192)
```
#f2e6cf
```
#f2e6cf rgb(242,230,207)
```
#f6eedf
```
#f6eedf rgb(246,238,223)
```
#faf6ee
```
#faf6ee rgb(250,246,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a09d98
```
#a09d98 rgb(160,157,152)
```
#a7a091
```
#a7a091 rgb(167,160,145)
```
#afa289
```
#afa289 rgb(175,162,137)
```
#b7a581
```
#b7a581 rgb(183,165,129)
```
#bea77a
```
#bea77a rgb(190,167,122)
```
#c6aa72
```
#c6aa72 rgb(198,170,114)
```
#cdac6b
```
#cdac6b rgb(205,172,107)
```
#d5af63
```
#d5af63 rgb(213,175,99)
```
#ddb25b
```
#ddb25b rgb(221,178,91)
```
#e4b454
```
#e4b454 rgb(228,180,84)
```
#ecb74c
```
#ecb74c rgb(236,183,76)
```
#f3b945
```
#f3b945 rgb(243,185,69)
```
#fbbc3d
```
#fbbc3d rgb(251,188,61)
```

Tone Color Variation

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

Dichromacy

#c9b86c Protanopia 1% of men
#deb06c Deuteranopia 1% of men
#deaab6 Tritanopia 0.001% of the population

Trichromacy

#cdb469 Protanomaly 1% of men, 0.01% of women
#dbaf68 Deuteranomaly 6% of men, 0.4% of women
#dbac97 Tritanomaly 0.01% of the population

#d5af63 hex color

#d5af63 Color Information

#d5af63 Color Conversion

Color Schemes with #d5af63

Alternatives to #d5af63

#d5af63 Preview

Shades and Tints of #d5af63

Tones of #d5af63

Color Blindness Simulator