#d56a1f hex color

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

♥
- f
- t
- g
- R 84
- G 42
- B 12
RGB color chart
- C 0
- M 50
- Y 85
- K 16
CMYK color chart

● #d56a1f color description : Strong orange.

The hexadecimal color #d56a1f has RGB values of R:213, G:106, B:31 and CMYK values of C:0, M:0.5, Y:0.85, K:0.16. Its decimal value is 13986335.

Hex triplet	d56a1f	`#d56a1f`
RGB Decimal	213, 106, 31	`rgb(213,106,31)`
RGB Percent	83.5, 41.6, 12.2	`rgb(83.5%,41.6%,12.2%)`
CMYK	0, 50, 85, 16
HSL	24.7°, 74.6, 47.8	`hsl(24.7,74.6%,47.8%)`
HSV (or HSB)	24.7°, 85.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.64, 37.759, 57.099
XYZ	32.843, 24.556, 4.307
xyY	0.532, 0.398, 24.556
CIE-LCH	56.64, 68.455, 56.524
CIE-LUV	56.64, 87.92, 48.125
Hunter-Lab	49.554, 31.585, 29.535
Binary	11010101, 01101010, 00011111

#d56a1f
```
#d56a1f rgb(213,106,31)
```
#1f8ad5
```
#1f8ad5 rgb(31,138,213)
```

Complementary Color

#d51f2f
```
#d51f2f rgb(213,31,47)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#d5c51f
```
#d5c51f rgb(213,197,31)
```

Analogous Color

#1f2fd5
```
#1f2fd5 rgb(31,47,213)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#1fd5c5
```
#1fd5c5 rgb(31,213,197)
```

Split Complementary Color

#6a1fd5
```
#6a1fd5 rgb(106,31,213)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#1fd56a
```
#1fd56a rgb(31,213,106)
```

Triadic Color

#d51f8a
```
#d51f8a rgb(213,31,138)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#1fd56a
```
#1fd56a rgb(31,213,106)
```
#1f8ad5
```
#1f8ad5 rgb(31,138,213)
```

Tetradic Color

#924915
```
#924915 rgb(146,73,21)
```
#a85419
```
#a85419 rgb(168,84,25)
```
#bf5f1c
```
#bf5f1c rgb(191,95,28)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#e0772d
```
#e0772d rgb(224,119,45)
```
#e48543
```
#e48543 rgb(228,133,67)
```
#e7945a
```
#e7945a rgb(231,148,90)
```

Monochromatic Color

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

#d53d1f
```
#d53d1f rgb(213,61,31)
```
#d54c1f
```
#d54c1f rgb(213,76,31)
```
#d55b1f
```
#d55b1f rgb(213,91,31)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#d5791f
```
#d5791f rgb(213,121,31)
```
#d5881f
```
#d5881f rgb(213,136,31)
```
#d5981f
```
#d5981f rgb(213,152,31)
```

Similar Colors

Text with hexadecimal color #d56a1f

This text has a font color of #d56a1f.

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

#d56a1f background color

This paragraph has a background color of #d56a1f.

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

#d56a1f border color

This element has a border color of #d56a1f.

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

CSS codes

.text {color:#d56a1f;}

.background {background-color:#d56a1f;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#190c04
```
#190c04 rgb(25,12,4)
```
#2a1506
```
#2a1506 rgb(42,21,6)
```
#3b1d09
```
#3b1d09 rgb(59,29,9)
```
#4c260b
```
#4c260b rgb(76,38,11)
```
#5d2e0e
```
#5d2e0e rgb(93,46,14)
```
#6e3710
```
#6e3710 rgb(110,55,16)
```
#7f3f13
```
#7f3f13 rgb(127,63,19)
```
#914815
```
#914815 rgb(145,72,21)
```
#a25018
```
#a25018 rgb(162,80,24)
```
#b3591a
```
#b3591a rgb(179,89,26)
```
#c4611d
```
#c4611d rgb(196,97,29)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```

Shade Color Variation

#e07428
```
#e07428 rgb(224,116,40)
```
#e27f39
```
#e27f39 rgb(226,127,57)
```
#e58a4a
```
#e58a4a rgb(229,138,74)
```
#e7955b
```
#e7955b rgb(231,149,91)
```
#eaa06c
```
#eaa06c rgb(234,160,108)
```
#ecab7e
```
#ecab7e rgb(236,171,126)
```
#efb68f
```
#efb68f rgb(239,182,143)
```
#f1c1a0
```
#f1c1a0 rgb(241,193,160)
```
#f4ccb1
```
#f4ccb1 rgb(244,204,177)
```
#f6d7c2
```
#f6d7c2 rgb(246,215,194)
```
#f9e3d3
```
#f9e3d3 rgb(249,227,211)
```
#fbeee4
```
#fbeee4 rgb(251,238,228)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#817973
```
#817973 rgb(129,121,115)
```
#8a776a
```
#8a776a rgb(138,119,106)
```
#937661
```
#937661 rgb(147,118,97)
```
#9d7457
```
#9d7457 rgb(157,116,87)
```
#a6724e
```
#a6724e rgb(166,114,78)
```
#af7145
```
#af7145 rgb(175,113,69)
```
#b96f3b
```
#b96f3b rgb(185,111,59)
```
#c26d32
```
#c26d32 rgb(194,109,50)
```
#cc6c28
```
#cc6c28 rgb(204,108,40)
```
#d56a1f
```
#d56a1f rgb(213,106,31)
```
#de6816
```
#de6816 rgb(222,104,22)
```
#e8670c
```
#e8670c rgb(232,103,12)
```
#f16503
```
#f16503 rgb(241,101,3)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#927c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e31 Protanopia 1% of men
#b1871f Deuteranopia 1% of men
#da6a71 Tritanopia 0.001% of the population

Trichromacy

#b2812b Protanomaly 1% of men, 0.01% of women
#be7c1f Deuteranomaly 6% of men, 0.4% of women
#d86a53 Tritanomaly 0.01% of the population

#d56a1f hex color

#d56a1f Color Information

#d56a1f Color Conversion

Color Schemes with #d56a1f

Alternatives to #d56a1f

#d56a1f Preview

Shades and Tints of #d56a1f

Tones of #d56a1f

Color Blindness Simulator