#d56f46 hex color

In a RGB color space, hex #d56f46 is composed of 83.5% red, 43.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.9% magenta, 67.1% yellow and 16.5% black. It has a hue angle of 17.2 degrees, a saturation of 63% and a lightness of 55.5%. #d56f46 color hex could be obtained by blending #ffde8c with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 44
- B 27
RGB color chart
- C 0
- M 48
- Y 67
- K 16
CMYK color chart

● #d56f46 color description : Moderate orange.

The hexadecimal color #d56f46 has RGB values of R:213, G:111, B:70 and CMYK values of C:0, M:0.48, Y:0.67, K:0.16. Its decimal value is 13987654.

Hex triplet	d56f46	`#d56f46`
RGB Decimal	213, 111, 70	`rgb(213,111,70)`
RGB Percent	83.5, 43.5, 27.5	`rgb(83.5%,43.5%,27.5%)`
CMYK	0, 48, 67, 16
HSL	17.2°, 63, 55.5	`hsl(17.2,63%,55.5%)`
HSV (or HSB)	17.2°, 67.1, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.999, 36.778, 40.457
XYZ	34.232, 25.96, 9.002
xyY	0.495, 0.375, 25.96
CIE-LCH	57.999, 54.675, 47.727
CIE-LUV	57.999, 79.929, 37.797
Hunter-Lab	50.951, 30.761, 25.19
Binary	11010101, 01101111, 01000110

#d56f46
```
#d56f46 rgb(213,111,70)
```
#46acd5
```
#46acd5 rgb(70,172,213)
```

Complementary Color

#d54665
```
#d54665 rgb(213,70,101)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#d5b746
```
#d5b746 rgb(213,183,70)
```

Analogous Color

#4665d5
```
#4665d5 rgb(70,101,213)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#46d5b7
```
#46d5b7 rgb(70,213,183)
```

Split Complementary Color

#6f46d5
```
#6f46d5 rgb(111,70,213)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#46d56f
```
#46d56f rgb(70,213,111)
```

Triadic Color

#d546ac
```
#d546ac rgb(213,70,172)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#46d56f
```
#46d56f rgb(70,213,111)
```
#46acd5
```
#46acd5 rgb(70,172,213)
```

Tetradic Color

#a84c26
```
#a84c26 rgb(168,76,38)
```
#bd552b
```
#bd552b rgb(189,85,43)
```
#d05f31
```
#d05f31 rgb(208,95,49)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#da7f5b
```
#da7f5b rgb(218,127,91)
```
#de8f70
```
#de8f70 rgb(222,143,112)
```
#e3a084
```
#e3a084 rgb(227,160,132)
```

Monochromatic Color

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

#d54b46
```
#d54b46 rgb(213,75,70)
```
#d55746
```
#d55746 rgb(213,87,70)
```
#d56346
```
#d56346 rgb(213,99,70)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#d57b46
```
#d57b46 rgb(213,123,70)
```
#d58746
```
#d58746 rgb(213,135,70)
```
#d59346
```
#d59346 rgb(213,147,70)
```

Similar Colors

Text with hexadecimal color #d56f46

This text has a font color of #d56f46.

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

#d56f46 background color

This paragraph has a background color of #d56f46.

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

#d56f46 border color

This element has a border color of #d56f46.

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

CSS codes

.text {color:#d56f46;}

.background {background-color:#d56f46;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#170a05
```
#170a05 rgb(23,10,5)
```
#271109
```
#271109 rgb(39,17,9)
```
#37190c
```
#37190c rgb(55,25,12)
```
#472010
```
#472010 rgb(71,32,16)
```
#572714
```
#572714 rgb(87,39,20)
```
#672e17
```
#672e17 rgb(103,46,23)
```
#77351b
```
#77351b rgb(119,53,27)
```
#873c1f
```
#873c1f rgb(135,60,31)
```
#974422
```
#974422 rgb(151,68,34)
```
#a74b26
```
#a74b26 rgb(167,75,38)
```
#b75229
```
#b75229 rgb(183,82,41)
```
#c7592d
```
#c7592d rgb(199,89,45)
```

Shade Color Variation

#d16336
```
#d16336 rgb(209,99,54)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#d97b56
```
#d97b56 rgb(217,123,86)
```
#dc8866
```
#dc8866 rgb(220,136,102)
```
#e09476
```
#e09476 rgb(224,148,118)
```
#e4a186
```
#e4a186 rgb(228,161,134)
```
#e7ad96
```
#e7ad96 rgb(231,173,150)
```
#ebbaa6
```
#ebbaa6 rgb(235,186,166)
```
#eec6b6
```
#eec6b6 rgb(238,198,182)
```
#f2d3c6
```
#f2d3c6 rgb(242,211,198)
```
#f6dfd6
```
#f6dfd6 rgb(246,223,214)
```
#f9ebe6
```
#f9ebe6 rgb(249,235,230)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#8f8d8c
```
#8f8d8c rgb(143,141,140)
```
#988983
```
#988983 rgb(152,137,131)
```
#a1857a
```
#a1857a rgb(161,133,122)
```
#a98272
```
#a98272 rgb(169,130,114)
```
#b27e69
```
#b27e69 rgb(178,126,105)
```
#bb7a60
```
#bb7a60 rgb(187,122,96)
```
#c47657
```
#c47657 rgb(196,118,87)
```
#cc734f
```
#cc734f rgb(204,115,79)
```
#d56f46
```
#d56f46 rgb(213,111,70)
```
#de6b3d
```
#de6b3d rgb(222,107,61)
```
#e66835
```
#e66835 rgb(230,104,53)
```
#ef642c
```
#ef642c rgb(239,100,44)
```
#f86023
```
#f86023 rgb(248,96,35)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#98847c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9158 Protanopia 1% of men
#b18a49 Deuteranopia 1% of men
#d97178 Tritanopia 0.001% of the population

Trichromacy

#b28451 Protanomaly 1% of men, 0.01% of women
#be8048 Deuteranomaly 6% of men, 0.4% of women
#d77066 Tritanomaly 0.01% of the population

#d56f46 hex color

#d56f46 Color Information

#d56f46 Color Conversion

Color Schemes with #d56f46

Alternatives to #d56f46

#d56f46 Preview

Shades and Tints of #d56f46

Tones of #d56f46

Color Blindness Simulator