#d6a63f hex color

In a RGB color space, hex #d6a63f is composed of 83.9% red, 65.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 70.6% yellow and 16.1% black. It has a hue angle of 40.9 degrees, a saturation of 64.8% and a lightness of 54.3%. #d6a63f color hex could be obtained by blending #ffff7e with #ad4d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 65
- B 25
RGB color chart
- C 0
- M 22
- Y 71
- K 16
CMYK color chart

● #d6a63f color description : Moderate orange.

The hexadecimal color #d6a63f has RGB values of R:214, G:166, B:63 and CMYK values of C:0, M:0.22, Y:0.71, K:0.16. Its decimal value is 14067263.

Hex triplet	d6a63f	`#d6a63f`
RGB Decimal	214, 166, 63	`rgb(214,166,63)`
RGB Percent	83.9, 65.1, 24.7	`rgb(83.9%,65.1%,24.7%)`
CMYK	0, 22, 71, 16
HSL	40.9°, 64.8, 54.3	`hsl(40.9,64.8%,54.3%)`
HSV (or HSB)	40.9°, 70.6, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.822, 7.405, 57.777
XYZ	42.266, 41.93, 10.569
xyY	0.446, 0.442, 41.93
CIE-LCH	70.822, 58.25, 82.696
CIE-LUV	70.822, 39.291, 63.086
Hunter-Lab	64.753, 3.193, 35.649
Binary	11010110, 10100110, 00111111

#d6a63f
```
#d6a63f rgb(214,166,63)
```
#3f6fd6
```
#3f6fd6 rgb(63,111,214)
```

Complementary Color

#d65a3f
```
#d65a3f rgb(214,90,63)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#bbd63f
```
#bbd63f rgb(187,214,63)
```

Analogous Color

#5b3fd6
```
#5b3fd6 rgb(91,63,214)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#3fbbd6
```
#3fbbd6 rgb(63,187,214)
```

Split Complementary Color

#a63fd6
```
#a63fd6 rgb(166,63,214)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#3fd6a6
```
#3fd6a6 rgb(63,214,166)
```

Triadic Color

#d63f6f
```
#d63f6f rgb(214,63,111)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#3fd6a6
```
#3fd6a6 rgb(63,214,166)
```
#3f6fd6
```
#3f6fd6 rgb(63,111,214)
```

Tetradic Color

#a57c23
```
#a57c23 rgb(165,124,35)
```
#ba8c28
```
#ba8c28 rgb(186,140,40)
```
#cf9b2c
```
#cf9b2c rgb(207,155,44)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#dab054
```
#dab054 rgb(218,176,84)
```
#dfb969
```
#dfb969 rgb(223,185,105)
```
#e3c37e
```
#e3c37e rgb(227,195,126)
```

Monochromatic Color

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

#d6803f
```
#d6803f rgb(214,128,63)
```
#d68d3f
```
#d68d3f rgb(214,141,63)
```
#d6993f
```
#d6993f rgb(214,153,63)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#d6b33f
```
#d6b33f rgb(214,179,63)
```
#d6bf3f
```
#d6bf3f rgb(214,191,63)
```
#d6cc3f
```
#d6cc3f rgb(214,204,63)
```

Similar Colors

Text with hexadecimal color #d6a63f

This text has a font color of #d6a63f.

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

#d6a63f background color

This paragraph has a background color of #d6a63f.

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

#d6a63f border color

This element has a border color of #d6a63f.

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

CSS codes

.text {color:#d6a63f;}

.background {background-color:#d6a63f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120e04
```
#120e04 rgb(18,14,4)
```
#221a07
```
#221a07 rgb(34,26,7)
```
#32260b
```
#32260b rgb(50,38,11)
```
#43320e
```
#43320e rgb(67,50,14)
```
#533e12
```
#533e12 rgb(83,62,18)
```
#634a15
```
#634a15 rgb(99,74,21)
```
#735619
```
#735619 rgb(115,86,25)
```
#83621c
```
#83621c rgb(131,98,28)
```
#936f1f
```
#936f1f rgb(147,111,31)
```
#a47b23
```
#a47b23 rgb(164,123,35)
```
#b48726
```
#b48726 rgb(180,135,38)
```
#c4932a
```
#c4932a rgb(196,147,42)
```

Shade Color Variation

#d39f2f
```
#d39f2f rgb(211,159,47)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#d9ad4f
```
#d9ad4f rgb(217,173,79)
```
#ddb55f
```
#ddb55f rgb(221,181,95)
```
#e0bc6f
```
#e0bc6f rgb(224,188,111)
```
#e4c480
```
#e4c480 rgb(228,196,128)
```
#e7cb90
```
#e7cb90 rgb(231,203,144)
```
#ebd3a0
```
#ebd3a0 rgb(235,211,160)
```
#eedab0
```
#eedab0 rgb(238,218,176)
```
#f2e2c0
```
#f2e2c0 rgb(242,226,192)
```
#f5e9d0
```
#f5e9d0 rgb(245,233,208)
```
#f9f1e1
```
#f9f1e1 rgb(249,241,225)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#8e8c87
```
#8e8c87 rgb(142,140,135)
```
#978f7e
```
#978f7e rgb(151,143,126)
```
#a09275
```
#a09275 rgb(160,146,117)
```
#a9966c
```
#a9966c rgb(169,150,108)
```
#b29963
```
#b29963 rgb(178,153,99)
```
#bb9c5a
```
#bb9c5a rgb(187,156,90)
```
#c49f51
```
#c49f51 rgb(196,159,81)
```
#cda348
```
#cda348 rgb(205,163,72)
```
#d6a63f
```
#d6a63f rgb(214,166,63)
```
#dfa936
```
#dfa936 rgb(223,169,54)
```
#e8ad2d
```
#e8ad2d rgb(232,173,45)
```
#f1b024
```
#f1b024 rgb(241,176,36)
```
#fab31b
```
#fab31b rgb(250,179,27)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b2a894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b14b Protanopia 1% of men
#dba949 Deuteranopia 1% of men
#dfa0ab Tritanopia 0.001% of the population

Trichromacy

#cbad46 Protanomaly 1% of men, 0.01% of women
#d9a845 Deuteranomaly 6% of men, 0.4% of women
#dca284 Tritanomaly 0.01% of the population

#d6a63f hex color

#d6a63f Color Information

#d6a63f Color Conversion

Color Schemes with #d6a63f

Alternatives to #d6a63f

#d6a63f Preview

Shades and Tints of #d6a63f

Tones of #d6a63f

Color Blindness Simulator