#d58f42 hex color

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

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

● #d58f42 color description : Moderate orange.

The hexadecimal color #d58f42 has RGB values of R:213, G:143, B:66 and CMYK values of C:0, M:0.33, Y:0.69, K:0.16. Its decimal value is 13995842.

Hex triplet	d58f42	`#d58f42`
RGB Decimal	213, 143, 66	`rgb(213,143,66)`
RGB Percent	83.5, 56.1, 25.9	`rgb(83.5%,56.1%,25.9%)`
CMYK	0, 33, 69, 16
HSL	31.4°, 63.6, 54.7	`hsl(31.4,63.6%,54.7%)`
HSV (or HSB)	31.4°, 69, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.111, 19.525, 50.405
XYZ	38.247, 34.187, 9.738
xyY	0.465, 0.416, 34.187
CIE-LCH	65.111, 54.054, 68.826
CIE-LUV	65.111, 55.707, 52.401
Hunter-Lab	58.47, 14.442, 31.054
Binary	11010101, 10001111, 01000010

#d58f42
```
#d58f42 rgb(213,143,66)
```
#4288d5
```
#4288d5 rgb(66,136,213)
```

Complementary Color

#d54542
```
#d54542 rgb(213,69,66)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#d2d542
```
#d2d542 rgb(210,213,66)
```

Analogous Color

#4542d5
```
#4542d5 rgb(69,66,213)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#42d2d5
```
#42d2d5 rgb(66,210,213)
```

Split Complementary Color

#8f42d5
```
#8f42d5 rgb(143,66,213)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#42d58f
```
#42d58f rgb(66,213,143)
```

Triadic Color

#d54288
```
#d54288 rgb(213,66,136)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#42d58f
```
#42d58f rgb(66,213,143)
```
#4288d5
```
#4288d5 rgb(66,136,213)
```

Tetradic Color

#a66825
```
#a66825 rgb(166,104,37)
```
#bb7529
```
#bb7529 rgb(187,117,41)
```
#cf832e
```
#cf832e rgb(207,131,46)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#da9b57
```
#da9b57 rgb(218,155,87)
```
#dea86c
```
#dea86c rgb(222,168,108)
```
#e3b481
```
#e3b481 rgb(227,180,129)
```

Monochromatic Color

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

#d56a42
```
#d56a42 rgb(213,106,66)
```
#d57742
```
#d57742 rgb(213,119,66)
```
#d58342
```
#d58342 rgb(213,131,66)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#d59b42
```
#d59b42 rgb(213,155,66)
```
#d5a842
```
#d5a842 rgb(213,168,66)
```
#d5b442
```
#d5b442 rgb(213,180,66)
```

Similar Colors

Text with hexadecimal color #d58f42

This text has a font color of #d58f42.

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

#d58f42 background color

This paragraph has a background color of #d58f42.

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

#d58f42 border color

This element has a border color of #d58f42.

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

CSS codes

.text {color:#d58f42;}

.background {background-color:#d58f42;}

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

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 #fcf8f3 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#140c04
```
#140c04 rgb(20,12,4)
```
#241608
```
#241608 rgb(36,22,8)
```
#34210b
```
#34210b rgb(52,33,11)
```
#442b0f
```
#442b0f rgb(68,43,15)
```
#543513
```
#543513 rgb(84,53,19)
```
#643f16
```
#643f16 rgb(100,63,22)
```
#74491a
```
#74491a rgb(116,73,26)
```
#84531d
```
#84531d rgb(132,83,29)
```
#945d21
```
#945d21 rgb(148,93,33)
```
#a46724
```
#a46724 rgb(164,103,36)
```
#b47128
```
#b47128 rgb(180,113,40)
```
#c47c2c
```
#c47c2c rgb(196,124,44)
```

Shade Color Variation

#d18532
```
#d18532 rgb(209,133,50)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#d99952
```
#d99952 rgb(217,153,82)
```
#dca262
```
#dca262 rgb(220,162,98)
```
#e0ac72
```
#e0ac72 rgb(224,172,114)
```
#e3b582
```
#e3b582 rgb(227,181,130)
```
#e7bf92
```
#e7bf92 rgb(231,191,146)
```
#eac8a2
```
#eac8a2 rgb(234,200,162)
```
#eed2b2
```
#eed2b2 rgb(238,210,178)
```
#f2dbc2
```
#f2dbc2 rgb(242,219,194)
```
#f5e5d2
```
#f5e5d2 rgb(245,229,210)
```
#f9eee2
```
#f9eee2 rgb(249,238,226)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#8e8c89
```
#8e8c89 rgb(142,140,137)
```
#978c80
```
#978c80 rgb(151,140,128)
```
#a08c77
```
#a08c77 rgb(160,140,119)
```
#a98d6e
```
#a98d6e rgb(169,141,110)
```
#b18d66
```
#b18d66 rgb(177,141,102)
```
#ba8e5d
```
#ba8e5d rgb(186,142,93)
```
#c38e54
```
#c38e54 rgb(195,142,84)
```
#cc8f4b
```
#cc8f4b rgb(204,143,75)
```
#d58f42
```
#d58f42 rgb(213,143,66)
```
#de8f39
```
#de8f39 rgb(222,143,57)
```
#e79030
```
#e79030 rgb(231,144,48)
```
#f09027
```
#f09027 rgb(240,144,39)
```
#f9911e
```
#f9911e rgb(249,145,30)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a79989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a350 Protanopia 1% of men
#c89b49 Deuteranopia 1% of men
#dc8c96 Tritanopia 0.001% of the population

Trichromacy

#c09b4a Protanomaly 1% of men, 0.01% of women
#cd9746 Deuteranomaly 6% of men, 0.4% of women
#d98d77 Tritanomaly 0.01% of the population

#d58f42 hex color

#d58f42 Color Information

#d58f42 Color Conversion

Color Schemes with #d58f42

Alternatives to #d58f42

#d58f42 Preview

Shades and Tints of #d58f42

Tones of #d58f42

Color Blindness Simulator