#d69021 hex color

In a RGB color space, hex #d69021 is composed of 83.9% red, 56.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 84.6% yellow and 16.1% black. It has a hue angle of 36.8 degrees, a saturation of 73.3% and a lightness of 48.4%. #d69021 color hex could be obtained by blending #ffff42 with #ad2100. Closest websafe color is: #cc9933.

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

● #d69021 color description : Strong orange.

The hexadecimal color #d69021 has RGB values of R:214, G:144, B:33 and CMYK values of C:0, M:0.33, Y:0.85, K:0.16. Its decimal value is 14061601.

Hex triplet	d69021	`#d69021`
RGB Decimal	214, 144, 33	`rgb(214,144,33)`
RGB Percent	83.9, 56.5, 12.9	`rgb(83.9%,56.5%,12.9%)`
CMYK	0, 33, 85, 16
HSL	36.8°, 73.3, 48.4	`hsl(36.8,73.3%,48.4%)`
HSV (or HSB)	36.8°, 84.6, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.243, 18.092, 63.674
XYZ	37.98, 34.355, 6.07
xyY	0.484, 0.438, 34.355
CIE-LCH	65.243, 66.194, 74.139
CIE-LUV	65.243, 57.66, 61.639
Hunter-Lab	58.613, 13.092, 34.889
Binary	11010110, 10010000, 00100001

#d69021
```
#d69021 rgb(214,144,33)
```
#2167d6
```
#2167d6 rgb(33,103,214)
```

Complementary Color

#d63621
```
#d63621 rgb(214,54,33)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#c2d621
```
#c2d621 rgb(194,214,33)
```

Analogous Color

#3621d6
```
#3621d6 rgb(54,33,214)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#21c2d6
```
#21c2d6 rgb(33,194,214)
```

Split Complementary Color

#9021d6
```
#9021d6 rgb(144,33,214)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#21d690
```
#21d690 rgb(33,214,144)
```

Triadic Color

#d62167
```
#d62167 rgb(214,33,103)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#21d690
```
#21d690 rgb(33,214,144)
```
#2167d6
```
#2167d6 rgb(33,103,214)
```

Tetradic Color

#946317
```
#946317 rgb(148,99,23)
```
#aa721a
```
#aa721a rgb(170,114,26)
```
#c0811e
```
#c0811e rgb(192,129,30)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#df9c31
```
#df9c31 rgb(223,156,49)
```
#e3a747
```
#e3a747 rgb(227,167,71)
```
#e6b15d
```
#e6b15d rgb(230,177,93)
```

Monochromatic Color

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

#d66321
```
#d66321 rgb(214,99,33)
```
#d67221
```
#d67221 rgb(214,114,33)
```
#d68121
```
#d68121 rgb(214,129,33)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#d69f21
```
#d69f21 rgb(214,159,33)
```
#d6ae21
```
#d6ae21 rgb(214,174,33)
```
#d6bd21
```
#d6bd21 rgb(214,189,33)
```

Similar Colors

Text with hexadecimal color #d69021

This text has a font color of #d69021.

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

#d69021 background color

This paragraph has a background color of #d69021.

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

#d69021 border color

This element has a border color of #d69021.

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

CSS codes

.text {color:#d69021;}

.background {background-color:#d69021;}

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

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

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1204
```
#1b1204 rgb(27,18,4)
```
#2c1e07
```
#2c1e07 rgb(44,30,7)
```
#3d2909
```
#3d2909 rgb(61,41,9)
```
#4e350c
```
#4e350c rgb(78,53,12)
```
#5f400f
```
#5f400f rgb(95,64,15)
```
#704b11
```
#704b11 rgb(112,75,17)
```
#815714
```
#815714 rgb(129,87,20)
```
#926217
```
#926217 rgb(146,98,23)
```
#a36e19
```
#a36e19 rgb(163,110,25)
```
#b4791c
```
#b4791c rgb(180,121,28)
```
#c5851e
```
#c5851e rgb(197,133,30)
```
#d69021
```
#d69021 rgb(214,144,33)
```

Shade Color Variation

#de9a2c
```
#de9a2c rgb(222,154,44)
```
#e1a23d
```
#e1a23d rgb(225,162,61)
```
#e4aa4e
```
#e4aa4e rgb(228,170,78)
```
#e6b25f
```
#e6b25f rgb(230,178,95)
```
#e9ba70
```
#e9ba70 rgb(233,186,112)
```
#ecc281
```
#ecc281 rgb(236,194,129)
```
#eecb92
```
#eecb92 rgb(238,203,146)
```
#f1d3a3
```
#f1d3a3 rgb(241,211,163)
```
#f3dbb4
```
#f3dbb4 rgb(243,219,180)
```
#f6e3c5
```
#f6e3c5 rgb(246,227,197)
```
#f9ebd6
```
#f9ebd6 rgb(249,235,214)
```
#fbf3e7
```
#fbf3e7 rgb(251,243,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#817d77
```
#817d77 rgb(129,125,119)
```
#8a7f6d
```
#8a7f6d rgb(138,127,109)
```
#948164
```
#948164 rgb(148,129,100)
```
#9d835a
```
#9d835a rgb(157,131,90)
```
#a78551
```
#a78551 rgb(167,133,81)
```
#b08747
```
#b08747 rgb(176,135,71)
```
#ba8a3e
```
#ba8a3e rgb(186,138,62)
```
#c38c34
```
#c38c34 rgb(195,140,52)
```
#cd8e2b
```
#cd8e2b rgb(205,142,43)
```
#d69021
```
#d69021 rgb(214,144,33)
```
#e09218
```
#e09218 rgb(224,146,24)
```
#e9940e
```
#e9940e rgb(233,148,14)
```
#f39605
```
#f39605 rgb(243,150,5)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a49680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a330 Protanopia 1% of men
#cb9b29 Deuteranopia 1% of men
#de8c95 Tritanopia 0.001% of the population

Trichromacy

#c19c2a Protanomaly 1% of men, 0.01% of women
#cf9726 Deuteranomaly 6% of men, 0.4% of women
#db8d6b Tritanomaly 0.01% of the population

#d69021 hex color

#d69021 Color Information

#d69021 Color Conversion

Color Schemes with #d69021

Alternatives to #d69021

#d69021 Preview

Shades and Tints of #d69021

Tones of #d69021

Color Blindness Simulator