#d6a63a hex color

In a RGB color space, hex #d6a63a is composed of 83.9% red, 65.1% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 72.9% yellow and 16.1% black. It has a hue angle of 41.5 degrees, a saturation of 65.5% and a lightness of 53.3%. #d6a63a color hex could be obtained by blending #ffff74 with #ad4d00. Closest websafe color is: #cc9933.

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

● #d6a63a color description : Moderate orange.

The hexadecimal color #d6a63a has RGB values of R:214, G:166, B:58 and CMYK values of C:0, M:0.22, Y:0.73, K:0.16. Its decimal value is 14067258.

Hex triplet	d6a63a	`#d6a63a`
RGB Decimal	214, 166, 58	`rgb(214,166,58)`
RGB Percent	83.9, 65.1, 22.7	`rgb(83.9%,65.1%,22.7%)`
CMYK	0, 22, 73, 16
HSL	41.5°, 65.5, 53.3	`hsl(41.5,65.5%,53.3%)`
HSV (or HSB)	41.5°, 72.9, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.785, 7.162, 59.798
XYZ	42.132, 41.876, 9.867
xyY	0.449, 0.446, 41.876
CIE-LCH	70.785, 60.225, 83.17
CIE-LUV	70.785, 39.531, 64.57
Hunter-Lab	64.712, 2.971, 36.258
Binary	11010110, 10100110, 00111010

#d6a63a
```
#d6a63a rgb(214,166,58)
```
#3a6ad6
```
#3a6ad6 rgb(58,106,214)
```

Complementary Color

#d6583a
```
#d6583a rgb(214,88,58)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#b8d63a
```
#b8d63a rgb(184,214,58)
```

Analogous Color

#583ad6
```
#583ad6 rgb(88,58,214)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#3ab8d6
```
#3ab8d6 rgb(58,184,214)
```

Split Complementary Color

#a63ad6
```
#a63ad6 rgb(166,58,214)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#3ad6a6
```
#3ad6a6 rgb(58,214,166)
```

Triadic Color

#d63a6a
```
#d63a6a rgb(214,58,106)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#3ad6a6
```
#3ad6a6 rgb(58,214,166)
```
#3a6ad6
```
#3a6ad6 rgb(58,106,214)
```

Tetradic Color

#a27a22
```
#a27a22 rgb(162,122,34)
```
#b78a26
```
#b78a26 rgb(183,138,38)
```
#cc9a2a
```
#cc9a2a rgb(204,154,42)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#dab04f
```
#dab04f rgb(218,176,79)
```
#dfb964
```
#dfb964 rgb(223,185,100)
```
#e3c379
```
#e3c379 rgb(227,195,121)
```

Monochromatic Color

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

#d67f3a
```
#d67f3a rgb(214,127,58)
```
#d68c3a
```
#d68c3a rgb(214,140,58)
```
#d6993a
```
#d6993a rgb(214,153,58)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#d6b33a
```
#d6b33a rgb(214,179,58)
```
#d6c03a
```
#d6c03a rgb(214,192,58)
```
#d6cd3a
```
#d6cd3a rgb(214,205,58)
```

Similar Colors

Text with hexadecimal color #d6a63a

This text has a font color of #d6a63a.

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

#d6a63a background color

This paragraph has a background color of #d6a63a.

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

#d6a63a border color

This element has a border color of #d6a63a.

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

CSS codes

.text {color:#d6a63a;}

.background {background-color:#d6a63a;}

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

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

#0e0b03
```
#0e0b03 rgb(14,11,3)
```
#1e1706
```
#1e1706 rgb(30,23,6)
```
#2f230a
```
#2f230a rgb(47,35,10)
```
#3f2f0d
```
#3f2f0d rgb(63,47,13)
```
#4f3c10
```
#4f3c10 rgb(79,60,16)
```
#5f4814
```
#5f4814 rgb(95,72,20)
```
#6f5417
```
#6f5417 rgb(111,84,23)
```
#80611b
```
#80611b rgb(128,97,27)
```
#906d1e
```
#906d1e rgb(144,109,30)
```
#a07921
```
#a07921 rgb(160,121,33)
```
#b08525
```
#b08525 rgb(176,133,37)
```
#c19228
```
#c19228 rgb(193,146,40)
```
#d19e2b
```
#d19e2b rgb(209,158,43)
```

Shade Color Variation

#d6a63a
```
#d6a63a rgb(214,166,58)
```
#d9ad4a
```
#d9ad4a rgb(217,173,74)
```
#ddb55a
```
#ddb55a rgb(221,181,90)
```
#e0bc6b
```
#e0bc6b rgb(224,188,107)
```
#e4c37b
```
#e4c37b rgb(228,195,123)
```
#e7cb8b
```
#e7cb8b rgb(231,203,139)
```
#ead29b
```
#ead29b rgb(234,210,155)
```
#eed9ac
```
#eed9ac rgb(238,217,172)
```
#f1e1bc
```
#f1e1bc rgb(241,225,188)
```
#f4e8cc
```
#f4e8cc rgb(244,232,204)
```
#f8efdc
```
#f8efdc rgb(248,239,220)
```
#fbf7ed
```
#fbf7ed rgb(251,247,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8d8a83
```
#8d8a83 rgb(141,138,131)
```
#968d7a
```
#968d7a rgb(150,141,122)
```
#9f9171
```
#9f9171 rgb(159,145,113)
```
#a89468
```
#a89468 rgb(168,148,104)
```
#b1985f
```
#b1985f rgb(177,152,95)
```
#bb9b55
```
#bb9b55 rgb(187,155,85)
```
#c49f4c
```
#c49f4c rgb(196,159,76)
```
#cda243
```
#cda243 rgb(205,162,67)
```
#d6a63a
```
#d6a63a rgb(214,166,58)
```
#dfaa31
```
#dfaa31 rgb(223,170,49)
```
#e8ad28
```
#e8ad28 rgb(232,173,40)
```
#f1b11f
```
#f1b11f rgb(241,177,31)
```
#fbb415
```
#fbb415 rgb(251,180,21)
```

Tone Color Variation

Below, you can see how #d6a63a 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
#b1a892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b146 Protanopia 1% of men
#dba944 Deuteranopia 1% of men
#e0a0ab Tritanopia 0.001% of the population

Trichromacy

#cbad41 Protanomaly 1% of men, 0.01% of women
#d9a840 Deuteranomaly 6% of men, 0.4% of women
#dca282 Tritanomaly 0.01% of the population

#d6a63a hex color

#d6a63a Color Information

#d6a63a Color Conversion

Color Schemes with #d6a63a

Alternatives to #d6a63a

#d6a63a Preview

Shades and Tints of #d6a63a

Tones of #d6a63a

Color Blindness Simulator