#d58222 hex color

In a RGB color space, hex #d58222 is composed of 83.5% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 84% yellow and 16.5% black. It has a hue angle of 32.2 degrees, a saturation of 72.5% and a lightness of 48.4%. #d58222 color hex could be obtained by blending #ffff44 with #ab0500. Closest websafe color is: #cc9933.

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

● #d58222 color description : Strong orange.

The hexadecimal color #d58222 has RGB values of R:213, G:130, B:34 and CMYK values of C:0, M:0.39, Y:0.84, K:0.16. Its decimal value is 13992482.

Hex triplet	d58222	`#d58222`
RGB Decimal	213, 130, 34	`rgb(213,130,34)`
RGB Percent	83.5, 51, 13.3	`rgb(83.5%,51%,13.3%)`
CMYK	0, 39, 84, 16
HSL	32.2°, 72.5, 48.4	`hsl(32.2,72.5%,48.4%)`
HSV (or HSB)	32.2°, 84, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.852, 25.231, 60.442
XYZ	35.713, 30.23, 5.467
xyY	0.5, 0.423, 30.23
CIE-LCH	61.852, 65.497, 67.342
CIE-LUV	61.852, 68.123, 56.135
Hunter-Lab	54.982, 19.726, 32.591
Binary	11010101, 10000010, 00100010

#d58222
```
#d58222 rgb(213,130,34)
```
#2275d5
```
#2275d5 rgb(34,117,213)
```

Complementary Color

#d52922
```
#d52922 rgb(213,41,34)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#cfd522
```
#cfd522 rgb(207,213,34)
```

Analogous Color

#2922d5
```
#2922d5 rgb(41,34,213)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#22cfd5
```
#22cfd5 rgb(34,207,213)
```

Split Complementary Color

#8222d5
```
#8222d5 rgb(130,34,213)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#22d582
```
#22d582 rgb(34,213,130)
```

Triadic Color

#d52275
```
#d52275 rgb(213,34,117)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#22d582
```
#22d582 rgb(34,213,130)
```
#2275d5
```
#2275d5 rgb(34,117,213)
```

Tetradic Color

#935a17
```
#935a17 rgb(147,90,23)
```
#a9671b
```
#a9671b rgb(169,103,27)
```
#bf751e
```
#bf751e rgb(191,117,30)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#de8f32
```
#de8f32 rgb(222,143,50)
```
#e29b48
```
#e29b48 rgb(226,155,72)
```
#e5a75e
```
#e5a75e rgb(229,167,94)
```

Monochromatic Color

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

#d55522
```
#d55522 rgb(213,85,34)
```
#d56422
```
#d56422 rgb(213,100,34)
```
#d57322
```
#d57322 rgb(213,115,34)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#d59122
```
#d59122 rgb(213,145,34)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#d5af22
```
#d5af22 rgb(213,175,34)
```

Similar Colors

Text with hexadecimal color #d58222

This text has a font color of #d58222.

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

#d58222 background color

This paragraph has a background color of #d58222.

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

#d58222 border color

This element has a border color of #d58222.

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

CSS codes

.text {color:#d58222;}

.background {background-color:#d58222;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1b1004
```
#1b1004 rgb(27,16,4)
```
#2c1b07
```
#2c1b07 rgb(44,27,7)
```
#3d250a
```
#3d250a rgb(61,37,10)
```
#4e2f0c
```
#4e2f0c rgb(78,47,12)
```
#5f3a0f
```
#5f3a0f rgb(95,58,15)
```
#704412
```
#704412 rgb(112,68,18)
```
#804e14
```
#804e14 rgb(128,78,20)
```
#915917
```
#915917 rgb(145,89,23)
```
#a2631a
```
#a2631a rgb(162,99,26)
```
#b36d1d
```
#b36d1d rgb(179,109,29)
```
#c4781f
```
#c4781f rgb(196,120,31)
```
#d58222
```
#d58222 rgb(213,130,34)
```

Shade Color Variation

#dd8c2d
```
#dd8c2d rgb(221,140,45)
```
#e0953e
```
#e0953e rgb(224,149,62)
```
#e39e4f
```
#e39e4f rgb(227,158,79)
```
#e6a860
```
#e6a860 rgb(230,168,96)
```
#e8b171
```
#e8b171 rgb(232,177,113)
```
#ebba82
```
#ebba82 rgb(235,186,130)
```
#eec393
```
#eec393 rgb(238,195,147)
```
#f0cda4
```
#f0cda4 rgb(240,205,164)
```
#f3d6b4
```
#f3d6b4 rgb(243,214,180)
```
#f6dfc5
```
#f6dfc5 rgb(246,223,197)
```
#f8e9d6
```
#f8e9d6 rgb(248,233,214)
```
#fbf2e7
```
#fbf2e7 rgb(251,242,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#807c78
```
#807c78 rgb(128,124,120)
```
#897c6e
```
#897c6e rgb(137,124,110)
```
#937d65
```
#937d65 rgb(147,125,101)
```
#9c7e5b
```
#9c7e5b rgb(156,126,91)
```
#a67f52
```
#a67f52 rgb(166,127,82)
```
#af7f48
```
#af7f48 rgb(175,127,72)
```
#b9803f
```
#b9803f rgb(185,128,63)
```
#c28135
```
#c28135 rgb(194,129,53)
```
#cc812c
```
#cc812c rgb(204,129,44)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#df8319
```
#df8319 rgb(223,131,25)
```
#e8830f
```
#e8830f rgb(232,131,15)
```
#f28405
```
#f28405 rgb(242,132,5)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9e8d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9b32 Protanopia 1% of men
#c19327 Deuteranopia 1% of men
#dc8088 Tritanopia 0.001% of the population

Trichromacy

#bb922c Protanomaly 1% of men, 0.01% of women
#c88d25 Deuteranomaly 6% of men, 0.4% of women
#d98063 Tritanomaly 0.01% of the population

#d58222 hex color

#d58222 Color Information

#d58222 Color Conversion

Color Schemes with #d58222

Alternatives to #d58222

#d58222 Preview

Shades and Tints of #d58222

Tones of #d58222

Color Blindness Simulator