#d69e22 hex color

In a RGB color space, hex #d69e22 is composed of 83.9% red, 62% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.2% magenta, 84.1% yellow and 16.1% black. It has a hue angle of 41.3 degrees, a saturation of 72.6% and a lightness of 48.6%. #d69e22 color hex could be obtained by blending #ffff44 with #ad3d00. Closest websafe color is: #cc9933.

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

● #d69e22 color description : Strong orange.

The hexadecimal color #d69e22 has RGB values of R:214, G:158, B:34 and CMYK values of C:0, M:0.26, Y:0.84, K:0.16. Its decimal value is 14065186.

Hex triplet	d69e22	`#d69e22`
RGB Decimal	214, 158, 34	`rgb(214,158,34)`
RGB Percent	83.9, 62, 13.3	`rgb(83.9%,62%,13.3%)`
CMYK	0, 26, 84, 16
HSL	41.3°, 72.6, 48.6	`hsl(41.3,72.6%,48.6%)`
HSV (or HSB)	41.3°, 84.1, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.655, 10.574, 66.237
XYZ	40.248, 38.868, 6.896
xyY	0.468, 0.452, 38.868
CIE-LCH	68.655, 67.076, 80.93
CIE-LUV	68.655, 46.56, 66.838
Hunter-Lab	62.344, 6.134, 37.083
Binary	11010110, 10011110, 00100010

#d69e22
```
#d69e22 rgb(214,158,34)
```
#225ad6
```
#225ad6 rgb(34,90,214)
```

Complementary Color

#d64422
```
#d64422 rgb(214,68,34)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#b4d622
```
#b4d622 rgb(180,214,34)
```

Analogous Color

#4422d6
```
#4422d6 rgb(68,34,214)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#22b4d6
```
#22b4d6 rgb(34,180,214)
```

Split Complementary Color

#9e22d6
```
#9e22d6 rgb(158,34,214)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#22d69e
```
#22d69e rgb(34,214,158)
```

Triadic Color

#d6225a
```
#d6225a rgb(214,34,90)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#22d69e
```
#22d69e rgb(34,214,158)
```
#225ad6
```
#225ad6 rgb(34,90,214)
```

Tetradic Color

#946d18
```
#946d18 rgb(148,109,24)
```
#aa7e1b
```
#aa7e1b rgb(170,126,27)
```
#c08e1f
```
#c08e1f rgb(192,142,31)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#dfa933
```
#dfa933 rgb(223,169,51)
```
#e2b249
```
#e2b249 rgb(226,178,73)
```
#e6bc5f
```
#e6bc5f rgb(230,188,95)
```

Monochromatic Color

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

#d67122
```
#d67122 rgb(214,113,34)
```
#d68022
```
#d68022 rgb(214,128,34)
```
#d68f22
```
#d68f22 rgb(214,143,34)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#d6ad22
```
#d6ad22 rgb(214,173,34)
```
#d6bc22
```
#d6bc22 rgb(214,188,34)
```
#d6cb22
```
#d6cb22 rgb(214,203,34)
```

Similar Colors

Text with hexadecimal color #d69e22

This text has a font color of #d69e22.

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

#d69e22 background color

This paragraph has a background color of #d69e22.

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

#d69e22 border color

This element has a border color of #d69e22.

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

CSS codes

.text {color:#d69e22;}

.background {background-color:#d69e22;}

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

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

#0b0802
```
#0b0802 rgb(11,8,2)
```
#1c1504
```
#1c1504 rgb(28,21,4)
```
#2d2107
```
#2d2107 rgb(45,33,7)
```
#3e2e0a
```
#3e2e0a rgb(62,46,10)
```
#4f3a0c
```
#4f3a0c rgb(79,58,12)
```
#60470f
```
#60470f rgb(96,71,15)
```
#705312
```
#705312 rgb(112,83,18)
```
#816015
```
#816015 rgb(129,96,21)
```
#926c17
```
#926c17 rgb(146,108,23)
```
#a3791a
```
#a3791a rgb(163,121,26)
```
#b4851d
```
#b4851d rgb(180,133,29)
```
#c5921f
```
#c5921f rgb(197,146,31)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```

Shade Color Variation

#dea72e
```
#dea72e rgb(222,167,46)
```
#e0ae3f
```
#e0ae3f rgb(224,174,63)
```
#e3b550
```
#e3b550 rgb(227,181,80)
```
#e6bc61
```
#e6bc61 rgb(230,188,97)
```
#e9c472
```
#e9c472 rgb(233,196,114)
```
#ebcb82
```
#ebcb82 rgb(235,203,130)
```
#eed293
```
#eed293 rgb(238,210,147)
```
#f1d9a4
```
#f1d9a4 rgb(241,217,164)
```
#f3e0b5
```
#f3e0b5 rgb(243,224,181)
```
#f6e7c6
```
#f6e7c6 rgb(246,231,198)
```
#f9eed7
```
#f9eed7 rgb(249,238,215)
```
#fbf5e8
```
#fbf5e8 rgb(251,245,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#807e78
```
#807e78 rgb(128,126,120)
```
#8a816e
```
#8a816e rgb(138,129,110)
```
#938565
```
#938565 rgb(147,133,101)
```
#9d885b
```
#9d885b rgb(157,136,91)
```
#a68c52
```
#a68c52 rgb(166,140,82)
```
#b09048
```
#b09048 rgb(176,144,72)
```
#b9933f
```
#b9933f rgb(185,147,63)
```
#c39735
```
#c39735 rgb(195,151,53)
```
#cc9a2c
```
#cc9a2c rgb(204,154,44)
```
#d69e22
```
#d69e22 rgb(214,158,34)
```
#e0a218
```
#e0a218 rgb(224,162,24)
```
#e9a50f
```
#e9a50f rgb(233,165,15)
```
#f3a905
```
#f3a905 rgb(243,169,5)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aca088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac2f Protanopia 1% of men
#d6a32d Deuteranopia 1% of men
#df98a3 Tritanopia 0.001% of the population

Trichromacy

#c8a72a Protanomaly 1% of men, 0.01% of women
#d6a129 Deuteranomaly 6% of men, 0.4% of women
#dc9a74 Tritanomaly 0.01% of the population

#d69e22 hex color

#d69e22 Color Information

#d69e22 Color Conversion

Color Schemes with #d69e22

Alternatives to #d69e22

#d69e22 Preview

Shades and Tints of #d69e22

Tones of #d69e22

Color Blindness Simulator