#d4a675 hex color

In a RGB color space, hex #d4a675 is composed of 83.1% red, 65.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 44.8% yellow and 16.9% black. It has a hue angle of 30.9 degrees, a saturation of 52.5% and a lightness of 64.5%. #d4a675 color hex could be obtained by blending #ffffea with #a94d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 83
- G 65
- B 46
RGB color chart
- C 0
- M 22
- Y 45
- K 17
CMYK color chart

● #d4a675 color description : Slightly desaturated orange.

The hexadecimal color #d4a675 has RGB values of R:212, G:166, B:117 and CMYK values of C:0, M:0.22, Y:0.45, K:0.17. Its decimal value is 13936245.

Hex triplet	d4a675	`#d4a675`
RGB Decimal	212, 166, 117	`rgb(212,166,117)`
RGB Percent	83.1, 65.1, 45.9	`rgb(83.1%,65.1%,45.9%)`
CMYK	0, 22, 45, 17
HSL	30.9°, 52.5, 64.5	`hsl(30.9,52.5%,64.5%)`
HSV (or HSB)	30.9°, 44.8, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.252, 10.698, 31.8
XYZ	43.999, 42.556, 22.725
xyY	0.403, 0.389, 42.556
CIE-LCH	71.252, 33.551, 71.407
CIE-LUV	71.252, 33.958, 38.89
Hunter-Lab	65.235, 6.232, 25.01
Binary	11010100, 10100110, 01110101

#d4a675
```
#d4a675 rgb(212,166,117)
```
#75a3d4
```
#75a3d4 rgb(117,163,212)
```

Complementary Color

#d47775
```
#d47775 rgb(212,119,117)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#d3d475
```
#d3d475 rgb(211,212,117)
```

Analogous Color

#7775d4
```
#7775d4 rgb(119,117,212)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#75d3d4
```
#75d3d4 rgb(117,211,212)
```

Split Complementary Color

#a675d4
```
#a675d4 rgb(166,117,212)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#75d4a6
```
#75d4a6 rgb(117,212,166)
```

Triadic Color

#d475a3
```
#d475a3 rgb(212,117,163)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#75d4a6
```
#75d4a6 rgb(117,212,166)
```
#75a3d4
```
#75a3d4 rgb(117,163,212)
```

Tetradic Color

#c1803c
```
#c1803c rgb(193,128,60)
```
#c88d4e
```
#c88d4e rgb(200,141,78)
```
#ce9962
```
#ce9962 rgb(206,153,98)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#dab388
```
#dab388 rgb(218,179,136)
```
#e0bf9c
```
#e0bf9c rgb(224,191,156)
```
#e6ccaf
```
#e6ccaf rgb(230,204,175)
```

Monochromatic Color

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

#d48e75
```
#d48e75 rgb(212,142,117)
```
#d49675
```
#d49675 rgb(212,150,117)
```
#d49e75
```
#d49e75 rgb(212,158,117)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#d4ae75
```
#d4ae75 rgb(212,174,117)
```
#d4b675
```
#d4b675 rgb(212,182,117)
```
#d4be75
```
#d4be75 rgb(212,190,117)
```

Similar Colors

Text with hexadecimal color #d4a675

This text has a font color of #d4a675.

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

#d4a675 background color

This paragraph has a background color of #d4a675.

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

#d4a675 border color

This element has a border color of #d4a675.

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

CSS codes

.text {color:#d4a675;}

.background {background-color:#d4a675;}

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

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

#0c0804
```
#0c0804 rgb(12,8,4)
```
#1b1208
```
#1b1208 rgb(27,18,8)
```
#291c0d
```
#291c0d rgb(41,28,13)
```
#382612
```
#382612 rgb(56,38,18)
```
#473016
```
#473016 rgb(71,48,22)
```
#563a1b
```
#563a1b rgb(86,58,27)
```
#654420
```
#654420 rgb(101,68,32)
```
#744d24
```
#744d24 rgb(116,77,36)
```
#835729
```
#835729 rgb(131,87,41)
```
#92612e
```
#92612e rgb(146,97,46)
```
#a16b32
```
#a16b32 rgb(161,107,50)
```
#b07537
```
#b07537 rgb(176,117,55)
```
#bf7f3c
```
#bf7f3c rgb(191,127,60)
```

Shade Color Variation

#c68948
```
#c68948 rgb(198,137,72)
```
#cb9357
```
#cb9357 rgb(203,147,87)
```
#cf9c66
```
#cf9c66 rgb(207,156,102)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#d9b084
```
#d9b084 rgb(217,176,132)
```
#ddb993
```
#ddb993 rgb(221,185,147)
```
#e2c3a2
```
#e2c3a2 rgb(226,195,162)
```
#e7cdb1
```
#e7cdb1 rgb(231,205,177)
```
#ebd6c0
```
#ebd6c0 rgb(235,214,192)
```
#f0e0cf
```
#f0e0cf rgb(240,224,207)
```
#f5eade
```
#f5eade rgb(245,234,222)
```
#f9f3ed
```
#f9f3ed rgb(249,243,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#aaa59f
```
#aaa59f rgb(170,165,159)
```
#b1a598
```
#b1a598 rgb(177,165,152)
```
#b8a591
```
#b8a591 rgb(184,165,145)
```
#bfa58a
```
#bfa58a rgb(191,165,138)
```
#c6a683
```
#c6a683 rgb(198,166,131)
```
#cda67c
```
#cda67c rgb(205,166,124)
```
#d4a675
```
#d4a675 rgb(212,166,117)
```
#dba66e
```
#dba66e rgb(219,166,110)
```
#e2a667
```
#e2a667 rgb(226,166,103)
```
#e9a760
```
#e9a760 rgb(233,167,96)
```
#f0a759
```
#f0a759 rgb(240,167,89)
```
#f7a752
```
#f7a752 rgb(247,167,82)
```
#fea74b
```
#fea74b rgb(254,167,75)
```

Tone Color Variation

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

Dichromacy

#c0b27f Protanopia 1% of men
#d4ab7b Deuteranopia 1% of men
#dba3af Tritanopia 0.001% of the population

Trichromacy

#c7ad7b Protanomaly 1% of men, 0.01% of women
#d4a979 Deuteranomaly 6% of men, 0.4% of women
#d8a49a Tritanomaly 0.01% of the population

#d4a675 hex color

#d4a675 Color Information

#d4a675 Color Conversion

Color Schemes with #d4a675

Alternatives to #d4a675

#d4a675 Preview

Shades and Tints of #d4a675

Tones of #d4a675

Color Blindness Simulator