#d2a157 hex color

In a RGB color space, hex #d2a157 is composed of 82.4% red, 63.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 58.6% yellow and 17.6% black. It has a hue angle of 36.1 degrees, a saturation of 57.7% and a lightness of 58.2%. #d2a157 color hex could be obtained by blending #ffffae with #a54300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 82
- G 63
- B 34
RGB color chart
- C 0
- M 23
- Y 59
- K 18
CMYK color chart

● #d2a157 color description : Moderate orange.

The hexadecimal color #d2a157 has RGB values of R:210, G:161, B:87 and CMYK values of C:0, M:0.23, Y:0.59, K:0.18. Its decimal value is 13803863.

Hex triplet	d2a157	`#d2a157`
RGB Decimal	210, 161, 87	`rgb(210,161,87)`
RGB Percent	82.4, 63.1, 34.1	`rgb(82.4%,63.1%,34.1%)`
CMYK	0, 23, 59, 18
HSL	36.1°, 57.7, 58.2	`hsl(36.1,57.7%,58.2%)`
HSV (or HSB)	36.1°, 58.6, 82.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.385, 9.887, 44.96
XYZ	41.044, 39.881, 14.552
xyY	0.43, 0.418, 39.881
CIE-LCH	69.385, 46.034, 77.597
CIE-LUV	69.385, 38.391, 51.637
Hunter-Lab	63.152, 5.496, 30.544
Binary	11010010, 10100001, 01010111

#d2a157
```
#d2a157 rgb(210,161,87)
```
#5788d2
```
#5788d2 rgb(87,136,210)
```

Complementary Color

#d26457
```
#d26457 rgb(210,100,87)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#c6d257
```
#c6d257 rgb(198,210,87)
```

Analogous Color

#6457d2
```
#6457d2 rgb(100,87,210)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#57c6d2
```
#57c6d2 rgb(87,198,210)
```

Split Complementary Color

#a157d2
```
#a157d2 rgb(161,87,210)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#57d2a1
```
#57d2a1 rgb(87,210,161)
```

Triadic Color

#d25788
```
#d25788 rgb(210,87,136)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#57d2a1
```
#57d2a1 rgb(87,210,161)
```
#5788d2
```
#5788d2 rgb(87,136,210)
```

Tetradic Color

#ae7b2f
```
#ae7b2f rgb(174,123,47)
```
#c28934
```
#c28934 rgb(194,137,52)
```
#cd9643
```
#cd9643 rgb(205,150,67)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#d7ac6b
```
#d7ac6b rgb(215,172,107)
```
#ddb87f
```
#ddb87f rgb(221,184,127)
```
#e2c393
```
#e2c393 rgb(226,195,147)
```

Monochromatic Color

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

#d28257
```
#d28257 rgb(210,130,87)
```
#d28d57
```
#d28d57 rgb(210,141,87)
```
#d29757
```
#d29757 rgb(210,151,87)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#d2ab57
```
#d2ab57 rgb(210,171,87)
```
#d2b657
```
#d2b657 rgb(210,182,87)
```
#d2c057
```
#d2c057 rgb(210,192,87)
```

Similar Colors

Text with hexadecimal color #d2a157

This text has a font color of #d2a157.

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

#d2a157 background color

This paragraph has a background color of #d2a157.

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

#d2a157 border color

This element has a border color of #d2a157.

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

CSS codes

.text {color:#d2a157;}

.background {background-color:#d2a157;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#211709
```
#211709 rgb(33,23,9)
```
#31220d
```
#31220d rgb(49,34,13)
```
#402d11
```
#402d11 rgb(64,45,17)
```
#503815
```
#503815 rgb(80,56,21)
```
#5f4319
```
#5f4319 rgb(95,67,25)
```
#6e4e1e
```
#6e4e1e rgb(110,78,30)
```
#7e5922
```
#7e5922 rgb(126,89,34)
```
#8d6426
```
#8d6426 rgb(141,100,38)
```
#9d6f2a
```
#9d6f2a rgb(157,111,42)
```
#ac7a2e
```
#ac7a2e rgb(172,122,46)
```
#bc8532
```
#bc8532 rgb(188,133,50)
```

Shade Color Variation

#ca9038
```
#ca9038 rgb(202,144,56)
```
#ce9848
```
#ce9848 rgb(206,152,72)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#d6aa66
```
#d6aa66 rgb(214,170,102)
```
#dab276
```
#dab276 rgb(218,178,118)
```
#debb85
```
#debb85 rgb(222,187,133)
```
#e3c495
```
#e3c495 rgb(227,196,149)
```
#e7cca4
```
#e7cca4 rgb(231,204,164)
```
#ebd5b4
```
#ebd5b4 rgb(235,213,180)
```
#efdec3
```
#efdec3 rgb(239,222,195)
```
#f3e6d3
```
#f3e6d3 rgb(243,230,211)
```
#f7efe2
```
#f7efe2 rgb(247,239,226)
```
#fbf8f2
```
#fbf8f2 rgb(251,248,242)
```

Tint Color Variation

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

#999590
```
#999590 rgb(153,149,144)
```
#a19788
```
#a19788 rgb(161,151,136)
```
#a99980
```
#a99980 rgb(169,153,128)
```
#b19a78
```
#b19a78 rgb(177,154,120)
```
#b99c70
```
#b99c70 rgb(185,156,112)
```
#c29e67
```
#c29e67 rgb(194,158,103)
```
#ca9f5f
```
#ca9f5f rgb(202,159,95)
```
#d2a157
```
#d2a157 rgb(210,161,87)
```
#daa34f
```
#daa34f rgb(218,163,79)
```
#e2a447
```
#e2a447 rgb(226,164,71)
```
#eba63e
```
#eba63e rgb(235,166,62)
```
#f3a836
```
#f3a836 rgb(243,168,54)
```
#fba92e
```
#fba92e rgb(251,169,46)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b0a697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bead62 Protanopia 1% of men
#d3a65f Deuteranopia 1% of men
#da9da8 Tritanopia 0.001% of the population

Trichromacy

#c5a95e Protanomaly 1% of men, 0.01% of women
#d2a45c Deuteranomaly 6% of men, 0.4% of women
#d79e8a Tritanomaly 0.01% of the population

#d2a157 hex color

#d2a157 Color Information

#d2a157 Color Conversion

Color Schemes with #d2a157

Alternatives to #d2a157

#d2a157 Preview

Shades and Tints of #d2a157

Tones of #d2a157

Color Blindness Simulator