#d58f2f hex color

In a RGB color space, hex #d58f2f is composed of 83.5% red, 56.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 77.9% yellow and 16.5% black. It has a hue angle of 34.7 degrees, a saturation of 66.4% and a lightness of 51%. #d58f2f color hex could be obtained by blending #ffff5e with #ab1f00. Closest websafe color is: #cc9933.

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

● #d58f2f color description : Strong orange.

The hexadecimal color #d58f2f has RGB values of R:213, G:143, B:47 and CMYK values of C:0, M:0.33, Y:0.78, K:0.16. Its decimal value is 13995823.

Hex triplet	d58f2f	`#d58f2f`
RGB Decimal	213, 143, 47	`rgb(213,143,47)`
RGB Percent	83.5, 56.1, 18.4	`rgb(83.5%,56.1%,18.4%)`
CMYK	0, 33, 78, 16
HSL	34.7°, 66.4, 51	`hsl(34.7,66.4%,51%)`
HSV (or HSB)	34.7°, 77.9, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.962, 18.648, 58.481
XYZ	37.777, 33.999, 7.262
xyY	0.478, 0.43, 33.999
CIE-LCH	64.962, 61.382, 72.314
CIE-LUV	64.962, 56.982, 58.199
Hunter-Lab	58.309, 13.607, 33.432
Binary	11010101, 10001111, 00101111

#d58f2f
```
#d58f2f rgb(213,143,47)
```
#2f75d5
```
#2f75d5 rgb(47,117,213)
```

Complementary Color

#d53c2f
```
#d53c2f rgb(213,60,47)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#c8d52f
```
#c8d52f rgb(200,213,47)
```

Analogous Color

#3c2fd5
```
#3c2fd5 rgb(60,47,213)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#2fc8d5
```
#2fc8d5 rgb(47,200,213)
```

Split Complementary Color

#8f2fd5
```
#8f2fd5 rgb(143,47,213)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#2fd58f
```
#2fd58f rgb(47,213,143)
```

Triadic Color

#d52f75
```
#d52f75 rgb(213,47,117)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#2fd58f
```
#2fd58f rgb(47,213,143)
```
#2f75d5
```
#2f75d5 rgb(47,117,213)
```

Tetradic Color

#99651f
```
#99651f rgb(153,101,31)
```
#ae7323
```
#ae7323 rgb(174,115,35)
```
#c38127
```
#c38127 rgb(195,129,39)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#d99a44
```
#d99a44 rgb(217,154,68)
```
#dea659
```
#dea659 rgb(222,166,89)
```
#e2b16f
```
#e2b16f rgb(226,177,111)
```

Monochromatic Color

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

#d5662f
```
#d5662f rgb(213,102,47)
```
#d5732f
```
#d5732f rgb(213,115,47)
```
#d5812f
```
#d5812f rgb(213,129,47)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#d59d2f
```
#d59d2f rgb(213,157,47)
```
#d5ab2f
```
#d5ab2f rgb(213,171,47)
```
#d5b92f
```
#d5b92f rgb(213,185,47)
```

Similar Colors

Text with hexadecimal color #d58f2f

This text has a font color of #d58f2f.

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

#d58f2f background color

This paragraph has a background color of #d58f2f.

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

#d58f2f border color

This element has a border color of #d58f2f.

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

CSS codes

.text {color:#d58f2f;}

.background {background-color:#d58f2f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140e04
```
#140e04 rgb(20,14,4)
```
#251807
```
#251807 rgb(37,24,7)
```
#35230b
```
#35230b rgb(53,35,11)
```
#452e0e
```
#452e0e rgb(69,46,14)
```
#563911
```
#563911 rgb(86,57,17)
```
#664415
```
#664415 rgb(102,68,21)
```
#764f18
```
#764f18 rgb(118,79,24)
```
#87591b
```
#87591b rgb(135,89,27)
```
#97641e
```
#97641e rgb(151,100,30)
```
#a76f22
```
#a76f22 rgb(167,111,34)
```
#b87a25
```
#b87a25 rgb(184,122,37)
```
#c88528
```
#c88528 rgb(200,133,40)
```

Shade Color Variation

#d58f2f
```
#d58f2f rgb(213,143,47)
```
#d8983f
```
#d8983f rgb(216,152,63)
```
#dca150
```
#dca150 rgb(220,161,80)
```
#dfa960
```
#dfa960 rgb(223,169,96)
```
#e2b270
```
#e2b270 rgb(226,178,112)
```
#e5bb81
```
#e5bb81 rgb(229,187,129)
```
#e9c491
```
#e9c491 rgb(233,196,145)
```
#eccda1
```
#eccda1 rgb(236,205,161)
```
#efd5b2
```
#efd5b2 rgb(239,213,178)
```
#f3dec2
```
#f3dec2 rgb(243,222,194)
```
#f6e7d2
```
#f6e7d2 rgb(246,231,210)
```
#f9f0e3
```
#f9f0e3 rgb(249,240,227)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#88837c
```
#88837c rgb(136,131,124)
```
#928472
```
#928472 rgb(146,132,114)
```
#9b8669
```
#9b8669 rgb(155,134,105)
```
#a5875f
```
#a5875f rgb(165,135,95)
```
#af8955
```
#af8955 rgb(175,137,85)
```
#b88a4c
```
#b88a4c rgb(184,138,76)
```
#c28c42
```
#c28c42 rgb(194,140,66)
```
#cb8d39
```
#cb8d39 rgb(203,141,57)
```
#d58f2f
```
#d58f2f rgb(213,143,47)
```
#df9125
```
#df9125 rgb(223,145,37)
```
#e8921c
```
#e8921c rgb(232,146,28)
```
#f29412
```
#f29412 rgb(242,148,18)
```
#fb9509
```
#fb9509 rgb(251,149,9)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a59784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a23d Protanopia 1% of men
#c99b37 Deuteranopia 1% of men
#dc8b95 Tritanopia 0.001% of the population

Trichromacy

#c09b38 Protanomaly 1% of men, 0.01% of women
#cd9634 Deuteranomaly 6% of men, 0.4% of women
#da8d70 Tritanomaly 0.01% of the population

#d58f2f hex color

#d58f2f Color Information

#d58f2f Color Conversion

Color Schemes with #d58f2f

Alternatives to #d58f2f

#d58f2f Preview

Shades and Tints of #d58f2f

Tones of #d58f2f

Color Blindness Simulator