colorhexa.com

#d67f56 hex color

In a RGB color space, hex #d67f56 is composed of 83.9% red, 49.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 59.8% yellow and 16.1% black. It has a hue angle of 19.2 degrees, a saturation of 61% and a lightness of 58.8%. #d67f56 color hex could be obtained by blending #fffeac with #ad0000. Closest websafe color is: #cc6666.

- R 84
- G 50
- B 34
RGB color chart
- C 0
- M 41
- Y 60
- K 16
CMYK color chart

● #d67f56 color description : Moderate orange.

The hexadecimal color #d67f56 has RGB values of R:214, G:127, B:86 and CMYK values of C:0, M:0.41, Y:0.6, K:0.16. Its decimal value is 14057302.

Hex triplet	d67f56	`#d67f56`
RGB Decimal	214, 127, 86	`rgb(214,127,86)`
RGB Percent	83.9, 49.8, 33.7	`rgb(83.9%,49.8%,33.7%)`
CMYK	0, 41, 60, 16
HSL	19.2°, 61, 58.8	`hsl(19.2,61%,58.8%)`
HSV (or HSB)	19.2°, 59.8, 83.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	61.783, 29.816, 36.456
XYZ	37.001, 30.15, 12.674
xyY	0.464, 0.378, 30.15
CIE-LCH	61.783, 47.096, 50.721
CIE-LUV	61.783, 66.555, 37.179
Hunter-Lab	54.909, 24.197, 24.75
Binary	11010110, 01111111, 01010110

#d67f56
```
#d67f56 rgb(214,127,86)
```
#56add6
```
#56add6 rgb(86,173,214)
```

Complementary Color

#d6566d
```
#d6566d rgb(214,86,109)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#d6bf56
```
#d6bf56 rgb(214,191,86)
```

Analogous Color

#566dd6
```
#566dd6 rgb(86,109,214)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#56d6bf
```
#56d6bf rgb(86,214,191)
```

Split Complementary Color

#7f56d6
```
#7f56d6 rgb(127,86,214)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#56d67f
```
#56d67f rgb(86,214,127)
```

Triadic Color

#d656ad
```
#d656ad rgb(214,86,173)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#56d67f
```
#56d67f rgb(86,214,127)
```
#56add6
```
#56add6 rgb(86,173,214)
```

Tetradic Color

#b4572c
```
#b4572c rgb(180,87,44)
```
#c86131
```
#c86131 rgb(200,97,49)
```
#d16f41
```
#d16f41 rgb(209,111,65)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#db8f6b
```
#db8f6b rgb(219,143,107)
```
#e09e7f
```
#e09e7f rgb(224,158,127)
```
#e5ae94
```
#e5ae94 rgb(229,174,148)
```

Monochromatic Color

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

#d65f56
```
#d65f56 rgb(214,95,86)
```
#d66a56
```
#d66a56 rgb(214,106,86)
```
#d67456
```
#d67456 rgb(214,116,86)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#d68a56
```
#d68a56 rgb(214,138,86)
```
#d69456
```
#d69456 rgb(214,148,86)
```
#d69f56
```
#d69f56 rgb(214,159,86)
```

Similar Colors

Text with hexadecimal color #d67f56

This text has a font color of #d67f56.

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

#d67f56 background color

This paragraph has a background color of #d67f56.

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

#d67f56 border color

This element has a border color of #d67f56.

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

CSS codes

.text {color:#d67f56;}

.background {background-color:#d67f56;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#140a05
```
#140a05 rgb(20,10,5)
```
#241209
```
#241209 rgb(36,18,9)
```
#34190d
```
#34190d rgb(52,25,13)
```
#442110
```
#442110 rgb(68,33,16)
```
#542914
```
#542914 rgb(84,41,20)
```
#633018
```
#633018 rgb(99,48,24)
```
#73381c
```
#73381c rgb(115,56,28)
```
#834020
```
#834020 rgb(131,64,32)
```
#934724
```
#934724 rgb(147,71,36)
```
#a34f27
```
#a34f27 rgb(163,79,39)
```
#b2572b
```
#b2572b rgb(178,87,43)
```
#c25e2f
```
#c25e2f rgb(194,94,47)
```

Shade Color Variation

#ce6736
```
#ce6736 rgb(206,103,54)
```
#d27346
```
#d27346 rgb(210,115,70)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#da8b66
```
#da8b66 rgb(218,139,102)
```
#de9776
```
#de9776 rgb(222,151,118)
```
#e1a385
```
#e1a385 rgb(225,163,133)
```
#e5af95
```
#e5af95 rgb(229,175,149)
```
#e9bba5
```
#e9bba5 rgb(233,187,165)
```
#edc7b5
```
#edc7b5 rgb(237,199,181)
```
#f1d3c5
```
#f1d3c5 rgb(241,211,197)
```
#f5dfd4
```
#f5dfd4 rgb(245,223,212)
```
#f8ebe4
```
#f8ebe4 rgb(248,235,228)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#9d938f
```
#9d938f rgb(157,147,143)
```
#a69086
```
#a69086 rgb(166,144,134)
```
#ae8e7e
```
#ae8e7e rgb(174,142,126)
```
#b68b76
```
#b68b76 rgb(182,139,118)
```
#be886e
```
#be886e rgb(190,136,110)
```
#c68566
```
#c68566 rgb(198,133,102)
```
#ce825e
```
#ce825e rgb(206,130,94)
```
#d67f56
```
#d67f56 rgb(214,127,86)
```
#de7c4e
```
#de7c4e rgb(222,124,78)
```
#e67946
```
#e67946 rgb(230,121,70)
```
#ee763e
```
#ee763e rgb(238,118,62)
```
#f67336
```
#f67336 rgb(246,115,54)
```
#fe702e
```
#fe702e rgb(254,112,46)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a19088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79a66 Protanopia 1% of men
#bb945a Deuteranopia 1% of men
#db8088 Tritanopia 0.001% of the population

Trichromacy

#b89060 Protanomaly 1% of men, 0.01% of women
#c58c59 Deuteranomaly 6% of men, 0.4% of women
#d97f76 Tritanomaly 0.01% of the population