#d56f45 hex color

In a RGB color space, hex #d56f45 is composed of 83.5% red, 43.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.9% magenta, 67.6% yellow and 16.5% black. It has a hue angle of 17.5 degrees, a saturation of 63.2% and a lightness of 55.3%. #d56f45 color hex could be obtained by blending #ffde8a with #ab0000. Closest websafe color is: #cc6633.

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

● #d56f45 color description : Moderate orange.

The hexadecimal color #d56f45 has RGB values of R:213, G:111, B:69 and CMYK values of C:0, M:0.48, Y:0.68, K:0.16. Its decimal value is 13987653.

Hex triplet	d56f45	`#d56f45`
RGB Decimal	213, 111, 69	`rgb(213,111,69)`
RGB Percent	83.5, 43.5, 27.1	`rgb(83.5%,43.5%,27.1%)`
CMYK	0, 48, 68, 16
HSL	17.5°, 63.2, 55.3	`hsl(17.5,63.2%,55.3%)`
HSV (or HSB)	17.5°, 67.6, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.987, 36.721, 40.971
XYZ	34.2, 25.948, 8.837
xyY	0.496, 0.376, 25.948
CIE-LCH	57.987, 55.019, 48.132
CIE-LUV	57.987, 80.066, 38.22
Hunter-Lab	50.939, 30.702, 25.371
Binary	11010101, 01101111, 01000101

#d56f45
```
#d56f45 rgb(213,111,69)
```
#45abd5
```
#45abd5 rgb(69,171,213)
```

Complementary Color

#d54563
```
#d54563 rgb(213,69,99)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#d5b745
```
#d5b745 rgb(213,183,69)
```

Analogous Color

#4563d5
```
#4563d5 rgb(69,99,213)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#45d5b7
```
#45d5b7 rgb(69,213,183)
```

Split Complementary Color

#6f45d5
```
#6f45d5 rgb(111,69,213)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#45d56f
```
#45d56f rgb(69,213,111)
```

Triadic Color

#d545ab
```
#d545ab rgb(213,69,171)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#45d56f
```
#45d56f rgb(69,213,111)
```
#45abd5
```
#45abd5 rgb(69,171,213)
```

Tetradic Color

#a84c26
```
#a84c26 rgb(168,76,38)
```
#bc552b
```
#bc552b rgb(188,85,43)
```
#d05f30
```
#d05f30 rgb(208,95,48)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#da7f5a
```
#da7f5a rgb(218,127,90)
```
#de8f6f
```
#de8f6f rgb(222,143,111)
```
#e39f83
```
#e39f83 rgb(227,159,131)
```

Monochromatic Color

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

#d54b45
```
#d54b45 rgb(213,75,69)
```
#d55745
```
#d55745 rgb(213,87,69)
```
#d56345
```
#d56345 rgb(213,99,69)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#d57b45
```
#d57b45 rgb(213,123,69)
```
#d58745
```
#d58745 rgb(213,135,69)
```
#d59345
```
#d59345 rgb(213,147,69)
```

Similar Colors

Text with hexadecimal color #d56f45

This text has a font color of #d56f45.

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

#d56f45 background color

This paragraph has a background color of #d56f45.

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

#d56f45 border color

This element has a border color of #d56f45.

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

CSS codes

.text {color:#d56f45;}

.background {background-color:#d56f45;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#160a05
```
#160a05 rgb(22,10,5)
```
#261109
```
#261109 rgb(38,17,9)
```
#36180c
```
#36180c rgb(54,24,12)
```
#462010
```
#462010 rgb(70,32,16)
```
#562713
```
#562713 rgb(86,39,19)
```
#662e17
```
#662e17 rgb(102,46,23)
```
#76351b
```
#76351b rgb(118,53,27)
```
#863d1e
```
#863d1e rgb(134,61,30)
```
#964422
```
#964422 rgb(150,68,34)
```
#a64b25
```
#a64b25 rgb(166,75,37)
```
#b65229
```
#b65229 rgb(182,82,41)
```
#c6592d
```
#c6592d rgb(198,89,45)
```

Shade Color Variation

#d16335
```
#d16335 rgb(209,99,53)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#d97b55
```
#d97b55 rgb(217,123,85)
```
#dc8865
```
#dc8865 rgb(220,136,101)
```
#e09475
```
#e09475 rgb(224,148,117)
```
#e3a185
```
#e3a185 rgb(227,161,133)
```
#e7ad95
```
#e7ad95 rgb(231,173,149)
```
#ebb9a5
```
#ebb9a5 rgb(235,185,165)
```
#eec6b5
```
#eec6b5 rgb(238,198,181)
```
#f2d2c5
```
#f2d2c5 rgb(242,210,197)
```
#f6ded5
```
#f6ded5 rgb(246,222,213)
```
#f9ebe5
```
#f9ebe5 rgb(249,235,229)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#8f8c8b
```
#8f8c8b rgb(143,140,139)
```
#988982
```
#988982 rgb(152,137,130)
```
#a0857a
```
#a0857a rgb(160,133,122)
```
#a98171
```
#a98171 rgb(169,129,113)
```
#b27e68
```
#b27e68 rgb(178,126,104)
```
#bb7a5f
```
#bb7a5f rgb(187,122,95)
```
#c37657
```
#c37657 rgb(195,118,87)
```
#cc734e
```
#cc734e rgb(204,115,78)
```
#d56f45
```
#d56f45 rgb(213,111,69)
```
#de6b3c
```
#de6b3c rgb(222,107,60)
```
#e76833
```
#e76833 rgb(231,104,51)
```
#ef642b
```
#ef642b rgb(239,100,43)
```
#f86022
```
#f86022 rgb(248,96,34)
```

Tone Color Variation

Below, you can see how #d56f45 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
#98847b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9157 Protanopia 1% of men
#b18a48 Deuteranopia 1% of men
#d97178 Tritanopia 0.001% of the population

Trichromacy

#b28450 Protanomaly 1% of men, 0.01% of women
#be8047 Deuteranomaly 6% of men, 0.4% of women
#d77065 Tritanomaly 0.01% of the population

#d56f45 hex color

#d56f45 Color Information

#d56f45 Color Conversion

Color Schemes with #d56f45

Alternatives to #d56f45

#d56f45 Preview

Shades and Tints of #d56f45

Tones of #d56f45

Color Blindness Simulator