#d67a30 hex color

In a RGB color space, hex #d67a30 is composed of 83.9% red, 47.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 77.6% yellow and 16.1% black. It has a hue angle of 26.7 degrees, a saturation of 66.9% and a lightness of 51.4%. #d67a30 color hex could be obtained by blending #fff460 with #ad0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 48
- B 19
RGB color chart
- C 0
- M 43
- Y 78
- K 16
CMYK color chart

● #d67a30 color description : Strong orange.

The hexadecimal color #d67a30 has RGB values of R:214, G:122, B:48 and CMYK values of C:0, M:0.43, Y:0.78, K:0.16. Its decimal value is 14055984.

Hex triplet	d67a30	`#d67a30`
RGB Decimal	214, 122, 48	`rgb(214,122,48)`
RGB Percent	83.9, 47.8, 18.8	`rgb(83.9%,47.8%,18.8%)`
CMYK	0, 43, 78, 16
HSL	26.7°, 66.9, 51.4	`hsl(26.7,66.9%,51.4%)`
HSV (or HSB)	26.7°, 77.6, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	60.277, 30.373, 53.632
XYZ	35.226, 28.432, 6.429
xyY	0.503, 0.406, 28.432
CIE-LCH	60.277, 61.635, 60.477
CIE-LUV	60.277, 74.525, 49.886
Hunter-Lab	53.321, 24.611, 30.176
Binary	11010110, 01111010, 00110000

#d67a30
```
#d67a30 rgb(214,122,48)
```
#308cd6
```
#308cd6 rgb(48,140,214)
```

Complementary Color

#d63039
```
#d63039 rgb(214,48,57)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#d6cd30
```
#d6cd30 rgb(214,205,48)
```

Analogous Color

#3039d6
```
#3039d6 rgb(48,57,214)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#30d6cd
```
#30d6cd rgb(48,214,205)
```

Split Complementary Color

#7a30d6
```
#7a30d6 rgb(122,48,214)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#30d67a
```
#30d67a rgb(48,214,122)
```

Triadic Color

#d6308c
```
#d6308c rgb(214,48,140)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#30d67a
```
#30d67a rgb(48,214,122)
```
#308cd6
```
#308cd6 rgb(48,140,214)
```

Tetradic Color

#9b561f
```
#9b561f rgb(155,86,31)
```
#b06223
```
#b06223 rgb(176,98,35)
```
#c56e27
```
#c56e27 rgb(197,110,39)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#da8845
```
#da8845 rgb(218,136,69)
```
#de955b
```
#de955b rgb(222,149,91)
```
#e3a370
```
#e3a370 rgb(227,163,112)
```

Monochromatic Color

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

#d65030
```
#d65030 rgb(214,80,48)
```
#d65e30
```
#d65e30 rgb(214,94,48)
```
#d66c30
```
#d66c30 rgb(214,108,48)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#d68830
```
#d68830 rgb(214,136,48)
```
#d69630
```
#d69630 rgb(214,150,48)
```
#d6a430
```
#d6a430 rgb(214,164,48)
```

Similar Colors

Text with hexadecimal color #d67a30

This text has a font color of #d67a30.

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

#d67a30 background color

This paragraph has a background color of #d67a30.

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

#d67a30 border color

This element has a border color of #d67a30.

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

CSS codes

.text {color:#d67a30;}

.background {background-color:#d67a30;}

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

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 #fdf8f4 is the lightest one.

#060301
```
#060301 rgb(6,3,1)
```
#160c04
```
#160c04 rgb(22,12,4)
```
#271508
```
#271508 rgb(39,21,8)
```
#371f0b
```
#371f0b rgb(55,31,11)
```
#47280e
```
#47280e rgb(71,40,14)
```
#583111
```
#583111 rgb(88,49,17)
```
#683a15
```
#683a15 rgb(104,58,21)
```
#784318
```
#784318 rgb(120,67,24)
```
#894c1b
```
#894c1b rgb(137,76,27)
```
#99551e
```
#99551e rgb(153,85,30)
```
#aa5e22
```
#aa5e22 rgb(170,94,34)
```
#ba6725
```
#ba6725 rgb(186,103,37)
```
#ca7028
```
#ca7028 rgb(202,112,40)
```

Shade Color Variation

#d67a30
```
#d67a30 rgb(214,122,48)
```
#d98540
```
#d98540 rgb(217,133,64)
```
#dc8f51
```
#dc8f51 rgb(220,143,81)
```
#e09a61
```
#e09a61 rgb(224,154,97)
```
#e3a471
```
#e3a471 rgb(227,164,113)
```
#e6af82
```
#e6af82 rgb(230,175,130)
```
#e9b992
```
#e9b992 rgb(233,185,146)
```
#edc4a3
```
#edc4a3 rgb(237,196,163)
```
#f0ceb3
```
#f0ceb3 rgb(240,206,179)
```
#f3d9c3
```
#f3d9c3 rgb(243,217,195)
```
#f6e3d4
```
#f6e3d4 rgb(246,227,212)
```
#faeee4
```
#faeee4 rgb(250,238,228)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#8a827c
```
#8a827c rgb(138,130,124)
```
#938173
```
#938173 rgb(147,129,115)
```
#9d8069
```
#9d8069 rgb(157,128,105)
```
#a67f60
```
#a67f60 rgb(166,127,96)
```
#b07e56
```
#b07e56 rgb(176,126,86)
```
#b97d4d
```
#b97d4d rgb(185,125,77)
```
#c37c43
```
#c37c43 rgb(195,124,67)
```
#cc7b3a
```
#cc7b3a rgb(204,123,58)
```
#d67a30
```
#d67a30 rgb(214,122,48)
```
#e07926
```
#e07926 rgb(224,121,38)
```
#e9781d
```
#e9781d rgb(233,120,29)
```
#f37713
```
#f37713 rgb(243,119,19)
```
#fc760a
```
#fc760a rgb(252,118,10)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9c897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79740 Protanopia 1% of men
#bb8f35 Deuteranopia 1% of men
#dc7981 Tritanopia 0.001% of the population

Trichromacy

#b88c3a Protanomaly 1% of men, 0.01% of women
#c48733 Deuteranomaly 6% of men, 0.4% of women
#d97963 Tritanomaly 0.01% of the population

#d67a30 hex color

#d67a30 Color Information

#d67a30 Color Conversion

Color Schemes with #d67a30

Alternatives to #d67a30

#d67a30 Preview

Shades and Tints of #d67a30

Tones of #d67a30

Color Blindness Simulator