colorhexa.com

#d57c1f hex color

In a RGB color space, hex #d57c1f is composed of 83.5% red, 48.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 85.4% yellow and 16.5% black. It has a hue angle of 30.7 degrees, a saturation of 74.6% and a lightness of 47.8%. #d57c1f color hex could be obtained by blending #fff83e with #ab0000. Closest websafe color is: #cc6633.

- R 84
- G 49
- B 12
RGB color chart
- C 0
- M 42
- Y 85
- K 16
CMYK color chart

● #d57c1f color description : Strong orange.

The hexadecimal color #d57c1f has RGB values of R:213, G:124, B:31 and CMYK values of C:0, M:0.42, Y:0.85, K:0.16. Its decimal value is 13990943.

Hex triplet	d57c1f	`#d57c1f`
RGB Decimal	213, 124, 31	`rgb(213,124,31)`
RGB Percent	83.5, 48.6, 12.2	`rgb(83.5%,48.6%,12.2%)`
CMYK	0, 42, 85, 16
HSL	30.7°, 74.6, 47.8	`hsl(30.7,74.6%,47.8%)`
HSV (or HSB)	30.7°, 85.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	60.483, 28.36, 60.291
XYZ	34.897, 28.663, 4.991
xyY	0.509, 0.418, 28.663
CIE-LCH	60.483, 66.628, 64.808
CIE-LUV	60.483, 73.184, 54.492
Hunter-Lab	53.538, 22.657, 31.949
Binary	11010101, 01111100, 00011111

#d57c1f
```
#d57c1f rgb(213,124,31)
```
#1f78d5
```
#1f78d5 rgb(31,120,213)
```

Complementary Color

#d5211f
```
#d5211f rgb(213,33,31)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#d3d51f
```
#d3d51f rgb(211,213,31)
```

Analogous Color

#211fd5
```
#211fd5 rgb(33,31,213)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#1fd3d5
```
#1fd3d5 rgb(31,211,213)
```

Split Complementary Color

#7c1fd5
```
#7c1fd5 rgb(124,31,213)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#1fd57c
```
#1fd57c rgb(31,213,124)
```

Triadic Color

#d51f78
```
#d51f78 rgb(213,31,120)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#1fd57c
```
#1fd57c rgb(31,213,124)
```
#1f78d5
```
#1f78d5 rgb(31,120,213)
```

Tetradic Color

#925515
```
#925515 rgb(146,85,21)
```
#a86219
```
#a86219 rgb(168,98,25)
```
#bf6f1c
```
#bf6f1c rgb(191,111,28)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#e0892d
```
#e0892d rgb(224,137,45)
```
#e49543
```
#e49543 rgb(228,149,67)
```
#e7a25a
```
#e7a25a rgb(231,162,90)
```

Monochromatic Color

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

#d54f1f
```
#d54f1f rgb(213,79,31)
```
#d55e1f
```
#d55e1f rgb(213,94,31)
```
#d56d1f
```
#d56d1f rgb(213,109,31)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#d58b1f
```
#d58b1f rgb(213,139,31)
```
#d59a1f
```
#d59a1f rgb(213,154,31)
```
#d5aa1f
```
#d5aa1f rgb(213,170,31)
```

Similar Colors

Text with hexadecimal color #d57c1f

This text has a font color of #d57c1f.

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

#d57c1f background color

This paragraph has a background color of #d57c1f.

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

#d57c1f border color

This element has a border color of #d57c1f.

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

CSS codes

.text {color:#d57c1f;}

.background {background-color:#d57c1f;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#190e04
```
#190e04 rgb(25,14,4)
```
#2a1806
```
#2a1806 rgb(42,24,6)
```
#3b2209
```
#3b2209 rgb(59,34,9)
```
#4c2c0b
```
#4c2c0b rgb(76,44,11)
```
#5d360e
```
#5d360e rgb(93,54,14)
```
#6e4010
```
#6e4010 rgb(110,64,16)
```
#7f4a13
```
#7f4a13 rgb(127,74,19)
```
#915415
```
#915415 rgb(145,84,21)
```
#a25e18
```
#a25e18 rgb(162,94,24)
```
#b3681a
```
#b3681a rgb(179,104,26)
```
#c4721d
```
#c4721d rgb(196,114,29)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```

Shade Color Variation

#e08628
```
#e08628 rgb(224,134,40)
```
#e28f39
```
#e28f39 rgb(226,143,57)
```
#e5994a
```
#e5994a rgb(229,153,74)
```
#e7a35b
```
#e7a35b rgb(231,163,91)
```
#eaac6c
```
#eaac6c rgb(234,172,108)
```
#ecb67e
```
#ecb67e rgb(236,182,126)
```
#efc08f
```
#efc08f rgb(239,192,143)
```
#f1c9a0
```
#f1c9a0 rgb(241,201,160)
```
#f4d3b1
```
#f4d3b1 rgb(244,211,177)
```
#f6ddc2
```
#f6ddc2 rgb(246,221,194)
```
#f9e6d3
```
#f9e6d3 rgb(249,230,211)
```
#fbf0e4
```
#fbf0e4 rgb(251,240,228)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#817a73
```
#817a73 rgb(129,122,115)
```
#8a7a6a
```
#8a7a6a rgb(138,122,106)
```
#937b61
```
#937b61 rgb(147,123,97)
```
#9d7b57
```
#9d7b57 rgb(157,123,87)
```
#a67b4e
```
#a67b4e rgb(166,123,78)
```
#af7b45
```
#af7b45 rgb(175,123,69)
```
#b97b3b
```
#b97b3b rgb(185,123,59)
```
#c27c32
```
#c27c32 rgb(194,124,50)
```
#cc7c28
```
#cc7c28 rgb(204,124,40)
```
#d57c1f
```
#d57c1f rgb(213,124,31)
```
#de7c16
```
#de7c16 rgb(222,124,22)
```
#e87c0c
```
#e87c0c rgb(232,124,12)
```
#f17d03
```
#f17d03 rgb(241,125,3)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9b8976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99730 Protanopia 1% of men
#bd9022 Deuteranopia 1% of men
#db7a82 Tritanopia 0.001% of the population

Trichromacy

#b98d29 Protanomaly 1% of men, 0.01% of women
#c58821 Deuteranomaly 6% of men, 0.4% of women
#d97b5e Tritanomaly 0.01% of the population