#d6a345 hex color

In a RGB color space, hex #d6a345 is composed of 83.9% red, 63.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 67.8% yellow and 16.1% black. It has a hue angle of 38.9 degrees, a saturation of 63.9% and a lightness of 55.5%. #d6a345 color hex could be obtained by blending #ffff8a with #ad4700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 64
- B 27
RGB color chart
- C 0
- M 24
- Y 68
- K 16
CMYK color chart

● #d6a345 color description : Moderate orange.

The hexadecimal color #d6a345 has RGB values of R:214, G:163, B:69 and CMYK values of C:0, M:0.24, Y:0.68, K:0.16. Its decimal value is 14066501.

Hex triplet	d6a345	`#d6a345`
RGB Decimal	214, 163, 69	`rgb(214,163,69)`
RGB Percent	83.9, 63.9, 27.1	`rgb(83.9%,63.9%,27.1%)`
CMYK	0, 24, 68, 16
HSL	38.9°, 63.9, 55.5	`hsl(38.9,63.9%,55.5%)`
HSV (or HSB)	38.9°, 67.8, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.121, 9.333, 54.438
XYZ	41.904, 40.922, 11.322
xyY	0.445, 0.435, 40.922
CIE-LCH	70.121, 55.232, 80.272
CIE-LUV	70.121, 41.189, 59.857
Hunter-Lab	63.971, 4.977, 34.286
Binary	11010110, 10100011, 01000101

#d6a345
```
#d6a345 rgb(214,163,69)
```
#4578d6
```
#4578d6 rgb(69,120,214)
```

Complementary Color

#d65a45
```
#d65a45 rgb(214,90,69)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#c1d645
```
#c1d645 rgb(193,214,69)
```

Analogous Color

#5a45d6
```
#5a45d6 rgb(90,69,214)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#45c1d6
```
#45c1d6 rgb(69,193,214)
```

Split Complementary Color

#a345d6
```
#a345d6 rgb(163,69,214)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#45d6a3
```
#45d6a3 rgb(69,214,163)
```

Triadic Color

#d64578
```
#d64578 rgb(214,69,120)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#45d6a3
```
#45d6a3 rgb(69,214,163)
```
#4578d6
```
#4578d6 rgb(69,120,214)
```

Tetradic Color

#a97b25
```
#a97b25 rgb(169,123,37)
```
#be8a2a
```
#be8a2a rgb(190,138,42)
```
#d19930
```
#d19930 rgb(209,153,48)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#dbad5a
```
#dbad5a rgb(219,173,90)
```
#dfb86f
```
#dfb86f rgb(223,184,111)
```
#e4c284
```
#e4c284 rgb(228,194,132)
```

Monochromatic Color

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

#d67f45
```
#d67f45 rgb(214,127,69)
```
#d68b45
```
#d68b45 rgb(214,139,69)
```
#d69745
```
#d69745 rgb(214,151,69)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#d6af45
```
#d6af45 rgb(214,175,69)
```
#d6bb45
```
#d6bb45 rgb(214,187,69)
```
#d6c745
```
#d6c745 rgb(214,199,69)
```

Similar Colors

Text with hexadecimal color #d6a345

This text has a font color of #d6a345.

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

#d6a345 background color

This paragraph has a background color of #d6a345.

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

#d6a345 border color

This element has a border color of #d6a345.

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

CSS codes

.text {color:#d6a345;}

.background {background-color:#d6a345;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#171105
```
#171105 rgb(23,17,5)
```
#271c09
```
#271c09 rgb(39,28,9)
```
#37280c
```
#37280c rgb(55,40,12)
```
#473410
```
#473410 rgb(71,52,16)
```
#573f13
```
#573f13 rgb(87,63,19)
```
#674b17
```
#674b17 rgb(103,75,23)
```
#77571a
```
#77571a rgb(119,87,26)
```
#87621e
```
#87621e rgb(135,98,30)
```
#986e21
```
#986e21 rgb(152,110,33)
```
#a87a25
```
#a87a25 rgb(168,122,37)
```
#b88528
```
#b88528 rgb(184,133,40)
```
#c8912c
```
#c8912c rgb(200,145,44)
```

Shade Color Variation

#d29b35
```
#d29b35 rgb(210,155,53)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#daab55
```
#daab55 rgb(218,171,85)
```
#ddb365
```
#ddb365 rgb(221,179,101)
```
#e1bb75
```
#e1bb75 rgb(225,187,117)
```
#e4c385
```
#e4c385 rgb(228,195,133)
```
#e8cb95
```
#e8cb95 rgb(232,203,149)
```
#ebd3a5
```
#ebd3a5 rgb(235,211,165)
```
#efdbb6
```
#efdbb6 rgb(239,219,182)
```
#f2e3c6
```
#f2e3c6 rgb(242,227,198)
```
#f6ebd6
```
#f6ebd6 rgb(246,235,214)
```
#f9f2e6
```
#f9f2e6 rgb(249,242,230)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#908e8b
```
#908e8b rgb(144,142,139)
```
#999182
```
#999182 rgb(153,145,130)
```
#a29379
```
#a29379 rgb(162,147,121)
```
#aa9671
```
#aa9671 rgb(170,150,113)
```
#b39968
```
#b39968 rgb(179,153,104)
```
#bc9b5f
```
#bc9b5f rgb(188,155,95)
```
#c59e56
```
#c59e56 rgb(197,158,86)
```
#cda04e
```
#cda04e rgb(205,160,78)
```
#d6a345
```
#d6a345 rgb(214,163,69)
```
#dfa63c
```
#dfa63c rgb(223,166,60)
```
#e7a834
```
#e7a834 rgb(231,168,52)
```
#f0ab2b
```
#f0ab2b rgb(240,171,43)
```
#f9ad22
```
#f9ad22 rgb(249,173,34)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b1a794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af51 Protanopia 1% of men
#d8a74e Deuteranopia 1% of men
#df9ea9 Tritanopia 0.001% of the population

Trichromacy

#c9ab4c Protanomaly 1% of men, 0.01% of women
#d7a64b Deuteranomaly 6% of men, 0.4% of women
#db9f84 Tritanomaly 0.01% of the population

#d6a345 hex color

#d6a345 Color Information

#d6a345 Color Conversion

Color Schemes with #d6a345

Alternatives to #d6a345

#d6a345 Preview

Shades and Tints of #d6a345

Tones of #d6a345

Color Blindness Simulator