#d58942 hex color

In a RGB color space, hex #d58942 is composed of 83.5% red, 53.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 69% yellow and 16.5% black. It has a hue angle of 29 degrees, a saturation of 63.6% and a lightness of 54.7%. #d58942 color hex could be obtained by blending #ffff84 with #ab1300. Closest websafe color is: #cc9933.

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

● #d58942 color description : Moderate orange.

The hexadecimal color #d58942 has RGB values of R:213, G:137, B:66 and CMYK values of C:0, M:0.36, Y:0.69, K:0.16. Its decimal value is 13994306.

Hex triplet	d58942	`#d58942`
RGB Decimal	213, 137, 66	`rgb(213,137,66)`
RGB Percent	83.5, 53.7, 25.9	`rgb(83.5%,53.7%,25.9%)`
CMYK	0, 36, 69, 16
HSL	29°, 63.6, 54.7	`hsl(29,63.6%,54.7%)`
HSV (or HSB)	29°, 69, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.699, 22.765, 48.875
XYZ	37.37, 32.433, 9.446
xyY	0.472, 0.409, 32.433
CIE-LCH	63.699, 53.917, 65.025
CIE-LUV	63.699, 60.333, 49.908
Hunter-Lab	56.95, 17.468, 30.031
Binary	11010101, 10001001, 01000010

#d58942
```
#d58942 rgb(213,137,66)
```
#428ed5
```
#428ed5 rgb(66,142,213)
```

Complementary Color

#d54245
```
#d54245 rgb(213,66,69)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#d5d342
```
#d5d342 rgb(213,211,66)
```

Analogous Color

#4245d5
```
#4245d5 rgb(66,69,213)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#42d5d3
```
#42d5d3 rgb(66,213,211)
```

Split Complementary Color

#8942d5
```
#8942d5 rgb(137,66,213)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#42d589
```
#42d589 rgb(66,213,137)
```

Triadic Color

#d5428e
```
#d5428e rgb(213,66,142)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#42d589
```
#42d589 rgb(66,213,137)
```
#428ed5
```
#428ed5 rgb(66,142,213)
```

Tetradic Color

#a66325
```
#a66325 rgb(166,99,37)
```
#bb7029
```
#bb7029 rgb(187,112,41)
```
#cf7c2e
```
#cf7c2e rgb(207,124,46)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#da9657
```
#da9657 rgb(218,150,87)
```
#dea36c
```
#dea36c rgb(222,163,108)
```
#e3b081
```
#e3b081 rgb(227,176,129)
```

Monochromatic Color

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

#d56442
```
#d56442 rgb(213,100,66)
```
#d57142
```
#d57142 rgb(213,113,66)
```
#d57d42
```
#d57d42 rgb(213,125,66)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#d59542
```
#d59542 rgb(213,149,66)
```
#d5a242
```
#d5a242 rgb(213,162,66)
```
#d5ae42
```
#d5ae42 rgb(213,174,66)
```

Similar Colors

Text with hexadecimal color #d58942

This text has a font color of #d58942.

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

#d58942 background color

This paragraph has a background color of #d58942.

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

#d58942 border color

This element has a border color of #d58942.

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

CSS codes

.text {color:#d58942;}

.background {background-color:#d58942;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140c04
```
#140c04 rgb(20,12,4)
```
#241508
```
#241508 rgb(36,21,8)
```
#341f0b
```
#341f0b rgb(52,31,11)
```
#44290f
```
#44290f rgb(68,41,15)
```
#543213
```
#543213 rgb(84,50,19)
```
#643c16
```
#643c16 rgb(100,60,22)
```
#74451a
```
#74451a rgb(116,69,26)
```
#844f1d
```
#844f1d rgb(132,79,29)
```
#945921
```
#945921 rgb(148,89,33)
```
#a46224
```
#a46224 rgb(164,98,36)
```
#b46c28
```
#b46c28 rgb(180,108,40)
```
#c4752c
```
#c4752c rgb(196,117,44)
```

Shade Color Variation

#d17f32
```
#d17f32 rgb(209,127,50)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#d99352
```
#d99352 rgb(217,147,82)
```
#dc9d62
```
#dc9d62 rgb(220,157,98)
```
#e0a772
```
#e0a772 rgb(224,167,114)
```
#e3b182
```
#e3b182 rgb(227,177,130)
```
#e7bb92
```
#e7bb92 rgb(231,187,146)
```
#eac5a2
```
#eac5a2 rgb(234,197,162)
```
#eecfb2
```
#eecfb2 rgb(238,207,178)
```
#f2d9c2
```
#f2d9c2 rgb(242,217,194)
```
#f5e3d2
```
#f5e3d2 rgb(245,227,210)
```
#f9ede2
```
#f9ede2 rgb(249,237,226)
```
#fcf7f3
```
#fcf7f3 rgb(252,247,243)
```

Tint Color Variation

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

#8e8b89
```
#8e8b89 rgb(142,139,137)
```
#978b80
```
#978b80 rgb(151,139,128)
```
#a08b77
```
#a08b77 rgb(160,139,119)
```
#a98b6e
```
#a98b6e rgb(169,139,110)
```
#b18a66
```
#b18a66 rgb(177,138,102)
```
#ba8a5d
```
#ba8a5d rgb(186,138,93)
```
#c38a54
```
#c38a54 rgb(195,138,84)
```
#cc894b
```
#cc894b rgb(204,137,75)
```
#d58942
```
#d58942 rgb(213,137,66)
```
#de8939
```
#de8939 rgb(222,137,57)
```
#e78830
```
#e78830 rgb(231,136,48)
```
#f08827
```
#f08827 rgb(240,136,39)
```
#f9881e
```
#f9881e rgb(249,136,30)
```

Tone Color Variation

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

Dichromacy

#af9f50 Protanopia 1% of men
#c49848 Deuteranopia 1% of men
#db8790 Tritanopia 0.001% of the population

Trichromacy

#bd974b Protanomaly 1% of men, 0.01% of women
#ca9246 Deuteranomaly 6% of men, 0.4% of women
#d98874 Tritanomaly 0.01% of the population

#d58942 hex color

#d58942 Color Information

#d58942 Color Conversion

Color Schemes with #d58942

Alternatives to #d58942

#d58942 Preview

Shades and Tints of #d58942

Tones of #d58942

Color Blindness Simulator