#d67c4f hex color

In a RGB color space, hex #d67c4f is composed of 83.9% red, 48.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 63.1% yellow and 16.1% black. It has a hue angle of 20 degrees, a saturation of 62.2% and a lightness of 57.5%. #d67c4f color hex could be obtained by blending #fff89e with #ad0000. Closest websafe color is: #cc6666.

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

● #d67c4f color description : Moderate orange.

The hexadecimal color #d67c4f has RGB values of R:214, G:124, B:79 and CMYK values of C:0, M:0.42, Y:0.63, K:0.16. Its decimal value is 14056527.

Hex triplet	d67c4f	`#d67c4f`
RGB Decimal	214, 124, 79	`rgb(214,124,79)`
RGB Percent	83.9, 48.6, 31	`rgb(83.9%,48.6%,31%)`
CMYK	0, 42, 63, 16
HSL	20°, 62.2, 57.5	`hsl(20,62.2%,57.5%)`
HSV (or HSB)	20°, 63.1, 83.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	61.027, 30.924, 39.281
XYZ	36.351, 29.279, 11.134
xyY	0.474, 0.381, 29.279
CIE-LCH	61.027, 49.993, 51.788
CIE-LUV	61.027, 69.709, 39.215
Hunter-Lab	54.11, 25.225, 25.677
Binary	11010110, 01111100, 01001111

#d67c4f
```
#d67c4f rgb(214,124,79)
```
#4fa9d6
```
#4fa9d6 rgb(79,169,214)
```

Complementary Color

#d64f66
```
#d64f66 rgb(214,79,102)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#d6c04f
```
#d6c04f rgb(214,192,79)
```

Analogous Color

#4f66d6
```
#4f66d6 rgb(79,102,214)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#4fd6c0
```
#4fd6c0 rgb(79,214,192)
```

Split Complementary Color

#7c4fd6
```
#7c4fd6 rgb(124,79,214)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#4fd67c
```
#4fd67c rgb(79,214,124)
```

Triadic Color

#d64fa9
```
#d64fa9 rgb(214,79,169)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#4fd67c
```
#4fd67c rgb(79,214,124)
```
#4fa9d6
```
#4fa9d6 rgb(79,169,214)
```

Tetradic Color

#b05629
```
#b05629 rgb(176,86,41)
```
#c4602e
```
#c4602e rgb(196,96,46)
```
#d16d3a
```
#d16d3a rgb(209,109,58)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#db8b64
```
#db8b64 rgb(219,139,100)
```
#e09b78
```
#e09b78 rgb(224,155,120)
```
#e4aa8d
```
#e4aa8d rgb(228,170,141)
```

Monochromatic Color

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

#d65a4f
```
#d65a4f rgb(214,90,79)
```
#d6664f
```
#d6664f rgb(214,102,79)
```
#d6714f
```
#d6714f rgb(214,113,79)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#d6874f
```
#d6874f rgb(214,135,79)
```
#d6934f
```
#d6934f rgb(214,147,79)
```
#d69e4f
```
#d69e4f rgb(214,158,79)
```

Similar Colors

Text with hexadecimal color #d67c4f

This text has a font color of #d67c4f.

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

#d67c4f background color

This paragraph has a background color of #d67c4f.

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

#d67c4f border color

This element has a border color of #d67c4f.

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

CSS codes

.text {color:#d67c4f;}

.background {background-color:#d67c4f;}

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

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, #0f0703 is the darkest color, while #fffefe is the lightest one.

#0f0703
```
#0f0703 rgb(15,7,3)
```
#1f0f07
```
#1f0f07 rgb(31,15,7)
```
#2f170b
```
#2f170b rgb(47,23,11)
```
#3f1f0f
```
#3f1f0f rgb(63,31,15)
```
#4f2612
```
#4f2612 rgb(79,38,18)
```
#5e2e16
```
#5e2e16 rgb(94,46,22)
```
#6e361a
```
#6e361a rgb(110,54,26)
```
#7e3e1d
```
#7e3e1d rgb(126,62,29)
```
#8e4521
```
#8e4521 rgb(142,69,33)
```
#9e4d25
```
#9e4d25 rgb(158,77,37)
```
#ae5529
```
#ae5529 rgb(174,85,41)
```
#be5d2c
```
#be5d2c rgb(190,93,44)
```
#ce6530
```
#ce6530 rgb(206,101,48)
```

Shade Color Variation

#d2703f
```
#d2703f rgb(210,112,63)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#da885f
```
#da885f rgb(218,136,95)
```
#dd946f
```
#dd946f rgb(221,148,111)
```
#e1a07f
```
#e1a07f rgb(225,160,127)
```
#e5ab8f
```
#e5ab8f rgb(229,171,143)
```
#e9b79f
```
#e9b79f rgb(233,183,159)
```
#ecc3ae
```
#ecc3ae rgb(236,195,174)
```
#f0cfbe
```
#f0cfbe rgb(240,207,190)
```
#f4dbce
```
#f4dbce rgb(244,219,206)
```
#f7e7de
```
#f7e7de rgb(247,231,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939292
```
#939292 rgb(147,146,146)
```
#9c8f89
```
#9c8f89 rgb(156,143,137)
```
#a48d81
```
#a48d81 rgb(164,141,129)
```
#ac8a79
```
#ac8a79 rgb(172,138,121)
```
#b58770
```
#b58770 rgb(181,135,112)
```
#bd8468
```
#bd8468 rgb(189,132,104)
```
#c58260
```
#c58260 rgb(197,130,96)
```
#ce7f57
```
#ce7f57 rgb(206,127,87)
```
#d67c4f
```
#d67c4f rgb(214,124,79)
```
#de7947
```
#de7947 rgb(222,121,71)
```
#e7763e
```
#e7763e rgb(231,118,62)
```
#ef7436
```
#ef7436 rgb(239,116,54)
```
#f7712e
```
#f7712e rgb(247,113,46)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a08e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6985f Protanopia 1% of men
#b99253 Deuteranopia 1% of men
#db7d85 Tritanopia 0.001% of the population

Trichromacy

#b78e59 Protanomaly 1% of men, 0.01% of women
#c48a52 Deuteranomaly 6% of men, 0.4% of women
#d97c71 Tritanomaly 0.01% of the population

#d67c4f hex color

#d67c4f Color Information

#d67c4f Color Conversion

Color Schemes with #d67c4f

Alternatives to #d67c4f

#d67c4f Preview

Shades and Tints of #d67c4f

Tones of #d67c4f

Color Blindness Simulator