#d56c1a hex color

In a RGB color space, hex #d56c1a is composed of 83.5% red, 42.4% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.3% magenta, 87.8% yellow and 16.5% black. It has a hue angle of 26.3 degrees, a saturation of 78.2% and a lightness of 46.9%. #d56c1a color hex could be obtained by blending #ffd834 with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 42
- B 10
RGB color chart
- C 0
- M 49
- Y 88
- K 16
CMYK color chart

● #d56c1a color description : Strong orange.

The hexadecimal color #d56c1a has RGB values of R:213, G:108, B:26 and CMYK values of C:0, M:0.49, Y:0.88, K:0.16. Its decimal value is 13986842.

Hex triplet	d56c1a	`#d56c1a`
RGB Decimal	213, 108, 26	`rgb(213,108,26)`
RGB Percent	83.5, 42.4, 10.2	`rgb(83.5%,42.4%,10.2%)`
CMYK	0, 49, 88, 16
HSL	26.3°, 78.2, 46.9	`hsl(26.3,78.2%,46.9%)`
HSV (or HSB)	26.3°, 87.8, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.026, 36.624, 59.114
XYZ	32.991, 24.949, 4.056
xyY	0.532, 0.402, 24.949
CIE-LCH	57.026, 69.539, 58.22
CIE-LUV	57.026, 86.599, 49.713
Hunter-Lab	49.949, 30.487, 30.15
Binary	11010101, 01101100, 00011010

#d56c1a
```
#d56c1a rgb(213,108,26)
```
#1a83d5
```
#1a83d5 rgb(26,131,213)
```

Complementary Color

#d51a26
```
#d51a26 rgb(213,26,38)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#d5ca1a
```
#d5ca1a rgb(213,202,26)
```

Analogous Color

#1a26d5
```
#1a26d5 rgb(26,38,213)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#1ad5ca
```
#1ad5ca rgb(26,213,202)
```

Split Complementary Color

#6c1ad5
```
#6c1ad5 rgb(108,26,213)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#1ad56c
```
#1ad56c rgb(26,213,108)
```

Triadic Color

#d51a83
```
#d51a83 rgb(213,26,131)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#1ad56c
```
#1ad56c rgb(26,213,108)
```
#1a83d5
```
#1a83d5 rgb(26,131,213)
```

Tetradic Color

#914912
```
#914912 rgb(145,73,18)
```
#a85514
```
#a85514 rgb(168,85,20)
```
#be6017
```
#be6017 rgb(190,96,23)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#e47824
```
#e47824 rgb(228,120,36)
```
#e7863b
```
#e7863b rgb(231,134,59)
```
#ea9452
```
#ea9452 rgb(234,148,82)
```

Monochromatic Color

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

#d53d1a
```
#d53d1a rgb(213,61,26)
```
#d54d1a
```
#d54d1a rgb(213,77,26)
```
#d55c1a
```
#d55c1a rgb(213,92,26)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#d57c1a
```
#d57c1a rgb(213,124,26)
```
#d58b1a
```
#d58b1a rgb(213,139,26)
```
#d59b1a
```
#d59b1a rgb(213,155,26)
```

Similar Colors

Text with hexadecimal color #d56c1a

This text has a font color of #d56c1a.

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

#d56c1a background color

This paragraph has a background color of #d56c1a.

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

#d56c1a border color

This element has a border color of #d56c1a.

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

CSS codes

.text {color:#d56c1a;}

.background {background-color:#d56c1a;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150a03
```
#150a03 rgb(21,10,3)
```
#261305
```
#261305 rgb(38,19,5)
```
#381c07
```
#381c07 rgb(56,28,7)
```
#492509
```
#492509 rgb(73,37,9)
```
#5b2e0b
```
#5b2e0b rgb(91,46,11)
```
#6c370d
```
#6c370d rgb(108,55,13)
```
#7e400f
```
#7e400f rgb(126,64,15)
```
#8f4911
```
#8f4911 rgb(143,73,17)
```
#a15114
```
#a15114 rgb(161,81,20)
```
#b25a16
```
#b25a16 rgb(178,90,22)
```
#c46318
```
#c46318 rgb(196,99,24)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```

Shade Color Variation

#e4751f
```
#e4751f rgb(228,117,31)
```
#e68030
```
#e68030 rgb(230,128,48)
```
#e88b42
```
#e88b42 rgb(232,139,66)
```
#ea9553
```
#ea9553 rgb(234,149,83)
```
#eca065
```
#eca065 rgb(236,160,101)
```
#eeab76
```
#eeab76 rgb(238,171,118)
```
#f0b688
```
#f0b688 rgb(240,182,136)
```
#f3c099
```
#f3c099 rgb(243,192,153)
```
#f5cbab
```
#f5cbab rgb(245,203,171)
```
#f7d6bc
```
#f7d6bc rgb(247,214,188)
```
#f9e1ce
```
#f9e1ce rgb(249,225,206)
```
#fbebdf
```
#fbebdf rgb(251,235,223)
```
#fdf6f1
```
#fdf6f1 rgb(253,246,241)
```

Tint Color Variation

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

#797776
```
#797776 rgb(121,119,118)
```
#82766d
```
#82766d rgb(130,118,109)
```
#8b7564
```
#8b7564 rgb(139,117,100)
```
#95745a
```
#95745a rgb(149,116,90)
```
#9e7351
```
#9e7351 rgb(158,115,81)
```
#a77248
```
#a77248 rgb(167,114,72)
```
#b0713f
```
#b0713f rgb(176,113,63)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#c36e2c
```
#c36e2c rgb(195,110,44)
```
#cc6d23
```
#cc6d23 rgb(204,109,35)
```
#d56c1a
```
#d56c1a rgb(213,108,26)
```
#de6b11
```
#de6b11 rgb(222,107,17)
```
#e76a08
```
#e76a08 rgb(231,106,8)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#937e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2c Protanopia 1% of men
#b28818 Deuteranopia 1% of men
#da6c73 Tritanopia 0.001% of the population

Trichromacy

#b38226 Protanomaly 1% of men, 0.01% of women
#bf7d18 Deuteranomaly 6% of men, 0.4% of women
#d86c52 Tritanomaly 0.01% of the population

#d56c1a hex color

#d56c1a Color Information

#d56c1a Color Conversion

Color Schemes with #d56c1a

Alternatives to #d56c1a

#d56c1a Preview

Shades and Tints of #d56c1a

Tones of #d56c1a

Color Blindness Simulator