#d4b476 hex color

In a RGB color space, hex #d4b476 is composed of 83.1% red, 70.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 44.3% yellow and 16.9% black. It has a hue angle of 39.6 degrees, a saturation of 52.2% and a lightness of 64.7%. #d4b476 color hex could be obtained by blending #ffffec with #a96900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 83
- G 71
- B 46
RGB color chart
- C 0
- M 15
- Y 44
- K 17
CMYK color chart

● #d4b476 color description : Slightly desaturated orange.

The hexadecimal color #d4b476 has RGB values of R:212, G:180, B:118 and CMYK values of C:0, M:0.15, Y:0.44, K:0.17. Its decimal value is 13939830.

Hex triplet	d4b476	`#d4b476`
RGB Decimal	212, 180, 118	`rgb(212,180,118)`
RGB Percent	83.1, 70.6, 46.3	`rgb(83.1%,70.6%,46.3%)`
CMYK	0, 15, 44, 17
HSL	39.6°, 52.2, 64.7	`hsl(39.6,52.2%,64.7%)`
HSV (or HSB)	39.6°, 44.3, 83.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.793, 3.316, 35.841
XYZ	46.743, 47.949, 23.932
xyY	0.394, 0.404, 47.949
CIE-LCH	74.793, 35.994, 84.714
CIE-LUV	74.793, 24.634, 45.474
Hunter-Lab	69.245, -0.686, 27.981
Binary	11010100, 10110100, 01110110

#d4b476
```
#d4b476 rgb(212,180,118)
```
#7696d4
```
#7696d4 rgb(118,150,212)
```

Complementary Color

#d48576
```
#d48576 rgb(212,133,118)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#c5d476
```
#c5d476 rgb(197,212,118)
```

Analogous Color

#8576d4
```
#8576d4 rgb(133,118,212)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#76c5d4
```
#76c5d4 rgb(118,197,212)
```

Split Complementary Color

#b476d4
```
#b476d4 rgb(180,118,212)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#76d4b4
```
#76d4b4 rgb(118,212,180)
```

Triadic Color

#d47696
```
#d47696 rgb(212,118,150)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#76d4b4
```
#76d4b4 rgb(118,212,180)
```
#7696d4
```
#7696d4 rgb(118,150,212)
```

Tetradic Color

#c1943d
```
#c1943d rgb(193,148,61)
```
#c89f4f
```
#c89f4f rgb(200,159,79)
```
#cea963
```
#cea963 rgb(206,169,99)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#dabf89
```
#dabf89 rgb(218,191,137)
```
#e0c99d
```
#e0c99d rgb(224,201,157)
```
#e6d4b0
```
#e6d4b0 rgb(230,212,176)
```

Monochromatic Color

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

#d49d76
```
#d49d76 rgb(212,157,118)
```
#d4a476
```
#d4a476 rgb(212,164,118)
```
#d4ac76
```
#d4ac76 rgb(212,172,118)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#d4bc76
```
#d4bc76 rgb(212,188,118)
```
#d4c476
```
#d4c476 rgb(212,196,118)
```
#d4cc76
```
#d4cc76 rgb(212,204,118)
```

Similar Colors

Text with hexadecimal color #d4b476

This text has a font color of #d4b476.

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

#d4b476 background color

This paragraph has a background color of #d4b476.

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

#d4b476 border color

This element has a border color of #d4b476.

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

CSS codes

.text {color:#d4b476;}

.background {background-color:#d4b476;}

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1509
```
#1b1509 rgb(27,21,9)
```
#2a200d
```
#2a200d rgb(42,32,13)
```
#392c12
```
#392c12 rgb(57,44,18)
```
#483717
```
#483717 rgb(72,55,23)
```
#57431b
```
#57431b rgb(87,67,27)
```
#664e20
```
#664e20 rgb(102,78,32)
```
#755a25
```
#755a25 rgb(117,90,37)
```
#846529
```
#846529 rgb(132,101,41)
```
#93702e
```
#93702e rgb(147,112,46)
```
#a27c33
```
#a27c33 rgb(162,124,51)
```
#b18737
```
#b18737 rgb(177,135,55)
```
#bf933c
```
#bf933c rgb(191,147,60)
```

Shade Color Variation

#c69b49
```
#c69b49 rgb(198,155,73)
```
#cba458
```
#cba458 rgb(203,164,88)
```
#cfac67
```
#cfac67 rgb(207,172,103)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#d9bc85
```
#d9bc85 rgb(217,188,133)
```
#ddc494
```
#ddc494 rgb(221,196,148)
```
#e2cda3
```
#e2cda3 rgb(226,205,163)
```
#e7d5b2
```
#e7d5b2 rgb(231,213,178)
```
#ebddc1
```
#ebddc1 rgb(235,221,193)
```
#f0e5d0
```
#f0e5d0 rgb(240,229,208)
```
#f5eddf
```
#f5eddf rgb(245,237,223)
```
#f9f5ed
```
#f9f5ed rgb(249,245,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#aaa7a0
```
#aaa7a0 rgb(170,167,160)
```
#b1a999
```
#b1a999 rgb(177,169,153)
```
#b8ab92
```
#b8ab92 rgb(184,171,146)
```
#bfad8b
```
#bfad8b rgb(191,173,139)
```
#c6b084
```
#c6b084 rgb(198,176,132)
```
#cdb27d
```
#cdb27d rgb(205,178,125)
```
#d4b476
```
#d4b476 rgb(212,180,118)
```
#dbb66f
```
#dbb66f rgb(219,182,111)
```
#e2b868
```
#e2b868 rgb(226,184,104)
```
#e9bb61
```
#e9bb61 rgb(233,187,97)
```
#f0bd5a
```
#f0bd5a rgb(240,189,90)
```
#f7bf53
```
#f7bf53 rgb(247,191,83)
```
#fec14c
```
#fec14c rgb(254,193,76)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bdb6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbb7e Protanopia 1% of men
#e0b47e Deuteranopia 1% of men
#ddafbc Tritanopia 0.001% of the population

Trichromacy

#ceb87b Protanomaly 1% of men, 0.01% of women
#dbb47b Deuteranomaly 6% of men, 0.4% of women
#d9b1a2 Tritanomaly 0.01% of the population

#d4b476 hex color

#d4b476 Color Information

#d4b476 Color Conversion

Color Schemes with #d4b476

Alternatives to #d4b476

#d4b476 Preview

Shades and Tints of #d4b476

Tones of #d4b476

Color Blindness Simulator