#d57f2d hex color

In a RGB color space, hex #d57f2d is composed of 83.5% red, 49.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 78.9% yellow and 16.5% black. It has a hue angle of 29.3 degrees, a saturation of 66.7% and a lightness of 50.6%. #d57f2d color hex could be obtained by blending #fffe5a with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 50
- B 18
RGB color chart
- C 0
- M 40
- Y 79
- K 16
CMYK color chart

● #d57f2d color description : Strong orange.

The hexadecimal color #d57f2d has RGB values of R:213, G:127, B:45 and CMYK values of C:0, M:0.4, Y:0.79, K:0.16. Its decimal value is 13991725.

Hex triplet	d57f2d	`#d57f2d`
RGB Decimal	213, 127, 45	`rgb(213,127,45)`
RGB Percent	83.5, 49.8, 17.6	`rgb(83.5%,49.8%,17.6%)`
CMYK	0, 40, 79, 16
HSL	29.3°, 66.7, 50.6	`hsl(29.3,66.7%,50.6%)`
HSV (or HSB)	29.3°, 78.9, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	61.235, 27.186, 55.768
XYZ	35.505, 29.517, 6.31
xyY	0.498, 0.414, 29.517
CIE-LCH	61.235, 62.041, 64.012
CIE-LUV	61.235, 69.895, 52.518
Hunter-Lab	54.33, 21.574, 31.145
Binary	11010101, 01111111, 00101101

#d57f2d
```
#d57f2d rgb(213,127,45)
```
#2d83d5
```
#2d83d5 rgb(45,131,213)
```

Complementary Color

#d52d2f
```
#d52d2f rgb(213,45,47)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#d5d32d
```
#d5d32d rgb(213,211,45)
```

Analogous Color

#2d2fd5
```
#2d2fd5 rgb(45,47,213)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#2dd5d3
```
#2dd5d3 rgb(45,213,211)
```

Split Complementary Color

#7f2dd5
```
#7f2dd5 rgb(127,45,213)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#2dd57f
```
#2dd57f rgb(45,213,127)
```

Triadic Color

#d52d83
```
#d52d83 rgb(213,45,131)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#2dd57f
```
#2dd57f rgb(45,213,127)
```
#2d83d5
```
#2d83d5 rgb(45,131,213)
```

Tetradic Color

#97591e
```
#97591e rgb(151,89,30)
```
#ad6623
```
#ad6623 rgb(173,102,35)
```
#c27227
```
#c27227 rgb(194,114,39)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#d98c42
```
#d98c42 rgb(217,140,66)
```
#de9958
```
#de9958 rgb(222,153,88)
```
#e2a66d
```
#e2a66d rgb(226,166,109)
```

Monochromatic Color

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

#d5552d
```
#d5552d rgb(213,85,45)
```
#d5632d
```
#d5632d rgb(213,99,45)
```
#d5712d
```
#d5712d rgb(213,113,45)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#d58d2d
```
#d58d2d rgb(213,141,45)
```
#d59b2d
```
#d59b2d rgb(213,155,45)
```
#d5a92d
```
#d5a92d rgb(213,169,45)
```

Similar Colors

Text with hexadecimal color #d57f2d

This text has a font color of #d57f2d.

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

#d57f2d background color

This paragraph has a background color of #d57f2d.

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

#d57f2d border color

This element has a border color of #d57f2d.

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

CSS codes

.text {color:#d57f2d;}

.background {background-color:#d57f2d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130b04
```
#130b04 rgb(19,11,4)
```
#231507
```
#231507 rgb(35,21,7)
```
#341e0a
```
#341e0a rgb(52,30,10)
```
#44280e
```
#44280e rgb(68,40,14)
```
#543211
```
#543211 rgb(84,50,17)
```
#653b14
```
#653b14 rgb(101,59,20)
```
#754517
```
#754517 rgb(117,69,23)
```
#854f1b
```
#854f1b rgb(133,79,27)
```
#96581e
```
#96581e rgb(150,88,30)
```
#a66221
```
#a66221 rgb(166,98,33)
```
#b66c24
```
#b66c24 rgb(182,108,36)
```
#c77528
```
#c77528 rgb(199,117,40)
```

Shade Color Variation

#d57f2d
```
#d57f2d rgb(213,127,45)
```
#d8893d
```
#d8893d rgb(216,137,61)
```
#dc934e
```
#dc934e rgb(220,147,78)
```
#df9d5e
```
#df9d5e rgb(223,157,94)
```
#e2a76e
```
#e2a76e rgb(226,167,110)
```
#e5b17f
```
#e5b17f rgb(229,177,127)
```
#e9bb8f
```
#e9bb8f rgb(233,187,143)
```
#ecc59f
```
#ecc59f rgb(236,197,159)
```
#efcfb0
```
#efcfb0 rgb(239,207,176)
```
#f2d9c0
```
#f2d9c0 rgb(242,217,192)
```
#f6e3d0
```
#f6e3d0 rgb(246,227,208)
```
#f9ede1
```
#f9ede1 rgb(249,237,225)
```
#fcf7f1
```
#fcf7f1 rgb(252,247,241)
```

Tint Color Variation

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

#87817b
```
#87817b rgb(135,129,123)
```
#918171
```
#918171 rgb(145,129,113)
```
#9b8067
```
#9b8067 rgb(155,128,103)
```
#a5805d
```
#a5805d rgb(165,128,93)
```
#ae8054
```
#ae8054 rgb(174,128,84)
```
#b8804a
```
#b8804a rgb(184,128,74)
```
#c27f40
```
#c27f40 rgb(194,127,64)
```
#cb7f37
```
#cb7f37 rgb(203,127,55)
```
#d57f2d
```
#d57f2d rgb(213,127,45)
```
#df7f23
```
#df7f23 rgb(223,127,35)
```
#e87f1a
```
#e87f1a rgb(232,127,26)
```
#f27e10
```
#f27e10 rgb(242,126,16)
```
#fc7e06
```
#fc7e06 rgb(252,126,6)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9d8c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa993d Protanopia 1% of men
#be9232 Deuteranopia 1% of men
#db7d86 Tritanopia 0.001% of the population

Trichromacy

#b98f37 Protanomaly 1% of men, 0.01% of women
#c68b30 Deuteranomaly 6% of men, 0.4% of women
#d97e65 Tritanomaly 0.01% of the population

#d57f2d hex color

#d57f2d Color Information

#d57f2d Color Conversion

Color Schemes with #d57f2d

Alternatives to #d57f2d

#d57f2d Preview

Shades and Tints of #d57f2d

Tones of #d57f2d

Color Blindness Simulator