#d68020 hex color

In a RGB color space, hex #d68020 is composed of 83.9% red, 50.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 85% yellow and 16.1% black. It has a hue angle of 31.6 degrees, a saturation of 74% and a lightness of 48.2%. #d68020 color hex could be obtained by blending #ffff40 with #ad0100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 50
- B 13
RGB color chart
- C 0
- M 40
- Y 85
- K 16
CMYK color chart

● #d68020 color description : Strong orange.

The hexadecimal color #d68020 has RGB values of R:214, G:128, B:32 and CMYK values of C:0, M:0.4, Y:0.85, K:0.16. Its decimal value is 14057504.

Hex triplet	d68020	`#d68020`
RGB Decimal	214, 128, 32	`rgb(214,128,32)`
RGB Percent	83.9, 50.2, 12.5	`rgb(83.9%,50.2%,12.5%)`
CMYK	0, 40, 85, 16
HSL	31.6°, 74, 48.2	`hsl(31.6,74%,48.2%)`
HSV (or HSB)	31.6°, 85, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.517, 26.672, 60.876
XYZ	35.713, 29.842, 5.246
xyY	0.504, 0.421, 29.842
CIE-LCH	61.517, 66.463, 66.34
CIE-LUV	61.517, 70.688, 55.828
Hunter-Lab	54.627, 21.096, 32.546
Binary	11010110, 10000000, 00100000

#d68020
```
#d68020 rgb(214,128,32)
```
#2076d6
```
#2076d6 rgb(32,118,214)
```

Complementary Color

#d62520
```
#d62520 rgb(214,37,32)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#d1d620
```
#d1d620 rgb(209,214,32)
```

Analogous Color

#2520d6
```
#2520d6 rgb(37,32,214)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#20d1d6
```
#20d1d6 rgb(32,209,214)
```

Split Complementary Color

#8020d6
```
#8020d6 rgb(128,32,214)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#20d680
```
#20d680 rgb(32,214,128)
```

Triadic Color

#d62076
```
#d62076 rgb(214,32,118)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#20d680
```
#20d680 rgb(32,214,128)
```
#2076d6
```
#2076d6 rgb(32,118,214)
```

Tetradic Color

#935816
```
#935816 rgb(147,88,22)
```
#aa6519
```
#aa6519 rgb(170,101,25)
```
#c0731d
```
#c0731d rgb(192,115,29)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#e08d30
```
#e08d30 rgb(224,141,48)
```
#e39946
```
#e39946 rgb(227,153,70)
```
#e7a55c
```
#e7a55c rgb(231,165,92)
```

Monochromatic Color

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

#d65320
```
#d65320 rgb(214,83,32)
```
#d66220
```
#d66220 rgb(214,98,32)
```
#d67120
```
#d67120 rgb(214,113,32)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#d68f20
```
#d68f20 rgb(214,143,32)
```
#d69e20
```
#d69e20 rgb(214,158,32)
```
#d6ae20
```
#d6ae20 rgb(214,174,32)
```

Similar Colors

Text with hexadecimal color #d68020

This text has a font color of #d68020.

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

#d68020 background color

This paragraph has a background color of #d68020.

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

#d68020 border color

This element has a border color of #d68020.

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

CSS codes

.text {color:#d68020;}

.background {background-color:#d68020;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1a1004
```
#1a1004 rgb(26,16,4)
```
#2b1a06
```
#2b1a06 rgb(43,26,6)
```
#3c2409
```
#3c2409 rgb(60,36,9)
```
#4d2e0c
```
#4d2e0c rgb(77,46,12)
```
#5f390e
```
#5f390e rgb(95,57,14)
```
#704311
```
#704311 rgb(112,67,17)
```
#814d13
```
#814d13 rgb(129,77,19)
```
#925716
```
#925716 rgb(146,87,22)
```
#a36118
```
#a36118 rgb(163,97,24)
```
#b46c1b
```
#b46c1b rgb(180,108,27)
```
#c5761d
```
#c5761d rgb(197,118,29)
```
#d68020
```
#d68020 rgb(214,128,32)
```

Shade Color Variation

#df8a2a
```
#df8a2a rgb(223,138,42)
```
#e2933b
```
#e2933b rgb(226,147,59)
```
#e49d4d
```
#e49d4d rgb(228,157,77)
```
#e7a65e
```
#e7a65e rgb(231,166,94)
```
#e9af6f
```
#e9af6f rgb(233,175,111)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#efc291
```
#efc291 rgb(239,194,145)
```
#f1cca2
```
#f1cca2 rgb(241,204,162)
```
#f4d5b3
```
#f4d5b3 rgb(244,213,179)
```
#f6dec4
```
#f6dec4 rgb(246,222,196)
```
#f9e8d5
```
#f9e8d5 rgb(249,232,213)
```
#fbf1e6
```
#fbf1e6 rgb(251,241,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#817b75
```
#817b75 rgb(129,123,117)
```
#8a7c6c
```
#8a7c6c rgb(138,124,108)
```
#947c62
```
#947c62 rgb(148,124,98)
```
#9d7d59
```
#9d7d59 rgb(157,125,89)
```
#a77d4f
```
#a77d4f rgb(167,125,79)
```
#b07e46
```
#b07e46 rgb(176,126,70)
```
#ba7e3c
```
#ba7e3c rgb(186,126,60)
```
#c37f33
```
#c37f33 rgb(195,127,51)
```
#cd7f29
```
#cd7f29 rgb(205,127,41)
```
#d68020
```
#d68020 rgb(214,128,32)
```
#df8117
```
#df8117 rgb(223,129,23)
```
#e9810d
```
#e9810d rgb(233,129,13)
```
#f28204
```
#f28204 rgb(242,130,4)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9d8c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a30 Protanopia 1% of men
#c09224 Deuteranopia 1% of men
#dc7e86 Tritanopia 0.001% of the population

Trichromacy

#bb902a Protanomaly 1% of men, 0.01% of women
#c88b23 Deuteranomaly 6% of men, 0.4% of women
#da7e61 Tritanomaly 0.01% of the population

#d68020 hex color

#d68020 Color Information

#d68020 Color Conversion

Color Schemes with #d68020

Alternatives to #d68020

#d68020 Preview

Shades and Tints of #d68020

Tones of #d68020

Color Blindness Simulator