#d4b46a hex color

In a RGB color space, hex #d4b46a is composed of 83.1% red, 70.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 50% yellow and 16.9% black. It has a hue angle of 41.9 degrees, a saturation of 55.2% and a lightness of 62.4%. #d4b46a color hex could be obtained by blending #ffffd4 with #a96900. Closest websafe color is: #cccc66.

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

● #d4b46a color description : Moderate orange.

The hexadecimal color #d4b46a has RGB values of R:212, G:180, B:106 and CMYK values of C:0, M:0.15, Y:0.5, K:0.17. Its decimal value is 13939818.

Hex triplet	d4b46a	`#d4b46a`
RGB Decimal	212, 180, 106	`rgb(212,180,106)`
RGB Percent	83.1, 70.6, 41.6	`rgb(83.1%,70.6%,41.6%)`
CMYK	0, 15, 50, 17
HSL	41.9°, 55.2, 62.4	`hsl(41.9,55.2%,62.4%)`
HSV (or HSB)	41.9°, 50, 83.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.624, 2.155, 41.784
XYZ	46.074, 47.682, 20.412
xyY	0.404, 0.418, 47.682
CIE-LCH	74.624, 41.84, 87.048
CIE-LUV	74.624, 25.436, 51.791
Hunter-Lab	69.052, -1.739, 30.81
Binary	11010100, 10110100, 01101010

#d4b46a
```
#d4b46a rgb(212,180,106)
```
#6a8ad4
```
#6a8ad4 rgb(106,138,212)
```

Complementary Color

#d47f6a
```
#d47f6a rgb(212,127,106)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#bfd46a
```
#bfd46a rgb(191,212,106)
```

Analogous Color

#7f6ad4
```
#7f6ad4 rgb(127,106,212)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#6abfd4
```
#6abfd4 rgb(106,191,212)
```

Split Complementary Color

#b46ad4
```
#b46ad4 rgb(180,106,212)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#6ad4b4
```
#6ad4b4 rgb(106,212,180)
```

Triadic Color

#d46a8a
```
#d46a8a rgb(212,106,138)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#6ad4b4
```
#6ad4b4 rgb(106,212,180)
```
#6a8ad4
```
#6a8ad4 rgb(106,138,212)
```

Tetradic Color

#bb9336
```
#bb9336 rgb(187,147,54)
```
#c9a042
```
#c9a042 rgb(201,160,66)
```
#ceaa56
```
#ceaa56 rgb(206,170,86)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#dabe7e
```
#dabe7e rgb(218,190,126)
```
#dfc892
```
#dfc892 rgb(223,200,146)
```
#e5d2a5
```
#e5d2a5 rgb(229,210,165)
```

Monochromatic Color

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

#d49a6a
```
#d49a6a rgb(212,154,106)
```
#d4a26a
```
#d4a26a rgb(212,162,106)
```
#d4ab6a
```
#d4ab6a rgb(212,171,106)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#d4bd6a
```
#d4bd6a rgb(212,189,106)
```
#d4c66a
```
#d4c66a rgb(212,198,106)
```
#d4cf6a
```
#d4cf6a rgb(212,207,106)
```

Similar Colors

Text with hexadecimal color #d4b46a

This text has a font color of #d4b46a.

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

#d4b46a background color

This paragraph has a background color of #d4b46a.

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

#d4b46a border color

This element has a border color of #d4b46a.

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

CSS codes

.text {color:#d4b46a;}

.background {background-color:#d4b46a;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#120e05
```
#120e05 rgb(18,14,5)
```
#221a0a
```
#221a0a rgb(34,26,10)
```
#31260e
```
#31260e rgb(49,38,14)
```
#403213
```
#403213 rgb(64,50,19)
```
#4f3e17
```
#4f3e17 rgb(79,62,23)
```
#5f4a1b
```
#5f4a1b rgb(95,74,27)
```
#6e5620
```
#6e5620 rgb(110,86,32)
```
#7d6224
```
#7d6224 rgb(125,98,36)
```
#8c6e28
```
#8c6e28 rgb(140,110,40)
```
#9b7a2d
```
#9b7a2d rgb(155,122,45)
```
#ab8631
```
#ab8631 rgb(171,134,49)
```
#ba9236
```
#ba9236 rgb(186,146,54)
```

Shade Color Variation

#c79d3c
```
#c79d3c rgb(199,157,60)
```
#cba54c
```
#cba54c rgb(203,165,76)
```
#d0ac5b
```
#d0ac5b rgb(208,172,91)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#d8bc79
```
#d8bc79 rgb(216,188,121)
```
#ddc388
```
#ddc388 rgb(221,195,136)
```
#e1cb98
```
#e1cb98 rgb(225,203,152)
```
#e6d3a7
```
#e6d3a7 rgb(230,211,167)
```
#eadab6
```
#eadab6 rgb(234,218,182)
```
#eee2c5
```
#eee2c5 rgb(238,226,197)
```
#f3ead5
```
#f3ead5 rgb(243,234,213)
```
#f7f1e4
```
#f7f1e4 rgb(247,241,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#a0a09e
```
#a0a09e rgb(160,160,158)
```
#a8a296
```
#a8a296 rgb(168,162,150)
```
#afa58f
```
#afa58f rgb(175,165,143)
```
#b6a888
```
#b6a888 rgb(182,168,136)
```
#beab80
```
#beab80 rgb(190,171,128)
```
#c5ae79
```
#c5ae79 rgb(197,174,121)
```
#cdb171
```
#cdb171 rgb(205,177,113)
```
#d4b46a
```
#d4b46a rgb(212,180,106)
```
#dbb763
```
#dbb763 rgb(219,183,99)
```
#e3ba5b
```
#e3ba5b rgb(227,186,91)
```
#eabd54
```
#eabd54 rgb(234,189,84)
```
#f2c04c
```
#f2c04c rgb(242,192,76)
```
#f9c345
```
#f9c345 rgb(249,195,69)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bbb5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbb72 Protanopia 1% of men
#e1b373 Deuteranopia 1% of men
#ddafbb Tritanopia 0.001% of the population

Trichromacy

#cfb86f Protanomaly 1% of men, 0.01% of women
#dcb36f Deuteranomaly 6% of men, 0.4% of women
#dab09d Tritanomaly 0.01% of the population

#d4b46a hex color

#d4b46a Color Information

#d4b46a Color Conversion

Color Schemes with #d4b46a

Alternatives to #d4b46a

#d4b46a Preview

Shades and Tints of #d4b46a

Tones of #d4b46a

Color Blindness Simulator