#d06f30 hex color

In a RGB color space, hex #d06f30 is composed of 81.6% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.6% magenta, 76.9% yellow and 18.4% black. It has a hue angle of 23.6 degrees, a saturation of 63% and a lightness of 50.2%. #d06f30 color hex could be obtained by blending #ffde60 with #a10000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 82
- G 44
- B 19
RGB color chart
- C 0
- M 47
- Y 77
- K 18
CMYK color chart

● #d06f30 color description : Strong orange.

The hexadecimal color #d06f30 has RGB values of R:208, G:111, B:48 and CMYK values of C:0, M:0.47, Y:0.77, K:0.18. Its decimal value is 13659952.

Hex triplet	d06f30	`#d06f30`
RGB Decimal	208, 111, 48	`rgb(208,111,48)`
RGB Percent	81.6, 43.5, 18.8	`rgb(81.6%,43.5%,18.8%)`
CMYK	0, 47, 77, 18
HSL	23.6°, 63, 50.2	`hsl(23.6,63%,50.2%)`
HSV (or HSB)	23.6°, 76.9, 81.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.071, 33.713, 50.202
XYZ	32.231, 24.995, 5.923
xyY	0.51, 0.396, 24.995
CIE-LCH	57.071, 60.471, 56.117
CIE-LUV	57.071, 78.322, 45.302
Hunter-Lab	49.995, 27.587, 27.972
Binary	11010000, 01101111, 00110000

#d06f30
```
#d06f30 rgb(208,111,48)
```
#3091d0
```
#3091d0 rgb(48,145,208)
```

Complementary Color

#d03041
```
#d03041 rgb(208,48,65)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#d0bf30
```
#d0bf30 rgb(208,191,48)
```

Analogous Color

#3041d0
```
#3041d0 rgb(48,65,208)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#30d0bf
```
#30d0bf rgb(48,208,191)
```

Split Complementary Color

#6f30d0
```
#6f30d0 rgb(111,48,208)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#30d06f
```
#30d06f rgb(48,208,111)
```

Triadic Color

#d03091
```
#d03091 rgb(208,48,145)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#30d06f
```
#30d06f rgb(48,208,111)
```
#3091d0
```
#3091d0 rgb(48,145,208)
```

Tetradic Color

#924e21
```
#924e21 rgb(146,78,33)
```
#a75926
```
#a75926 rgb(167,89,38)
```
#bc642b
```
#bc642b rgb(188,100,43)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#d57d45
```
#d57d45 rgb(213,125,69)
```
#d98c5a
```
#d98c5a rgb(217,140,90)
```
#de9a6e
```
#de9a6e rgb(222,154,110)
```

Monochromatic Color

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

#d04730
```
#d04730 rgb(208,71,48)
```
#d05430
```
#d05430 rgb(208,84,48)
```
#d06230
```
#d06230 rgb(208,98,48)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#d07c30
```
#d07c30 rgb(208,124,48)
```
#d08a30
```
#d08a30 rgb(208,138,48)
```
#d09730
```
#d09730 rgb(208,151,48)
```

Similar Colors

Text with hexadecimal color #d06f30

This text has a font color of #d06f30.

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

#d06f30 background color

This paragraph has a background color of #d06f30.

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

#d06f30 border color

This element has a border color of #d06f30.

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

CSS codes

.text {color:#d06f30;}

.background {background-color:#d06f30;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211107
```
#211107 rgb(33,17,7)
```
#311a0b
```
#311a0b rgb(49,26,11)
```
#41220f
```
#41220f rgb(65,34,15)
```
#512b12
```
#512b12 rgb(81,43,18)
```
#613316
```
#613316 rgb(97,51,22)
```
#713c1a
```
#713c1a rgb(113,60,26)
```
#81441d
```
#81441d rgb(129,68,29)
```
#914d21
```
#914d21 rgb(145,77,33)
```
#a15524
```
#a15524 rgb(161,85,36)
```
#b15e28
```
#b15e28 rgb(177,94,40)
```
#c1662c
```
#c1662c rgb(193,102,44)
```

Shade Color Variation

#d06f30
```
#d06f30 rgb(208,111,48)
```
#d47a40
```
#d47a40 rgb(212,122,64)
```
#d78550
```
#d78550 rgb(215,133,80)
```
#db9060
```
#db9060 rgb(219,144,96)
```
#df9b70
```
#df9b70 rgb(223,155,112)
```
#e2a780
```
#e2a780 rgb(226,167,128)
```
#e6b290
```
#e6b290 rgb(230,178,144)
```
#e9bda0
```
#e9bda0 rgb(233,189,160)
```
#edc8b0
```
#edc8b0 rgb(237,200,176)
```
#f1d3c0
```
#f1d3c0 rgb(241,211,192)
```
#f4ded0
```
#f4ded0 rgb(244,222,208)
```
#f8e9e0
```
#f8e9e0 rgb(248,233,224)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#82807e
```
#82807e rgb(130,128,126)
```
#8c7e74
```
#8c7e74 rgb(140,126,116)
```
#957b6b
```
#957b6b rgb(149,123,107)
```
#9f7961
```
#9f7961 rgb(159,121,97)
```
#a97757
```
#a97757 rgb(169,119,87)
```
#b3754d
```
#b3754d rgb(179,117,77)
```
#bc7344
```
#bc7344 rgb(188,115,68)
```
#c6713a
```
#c6713a rgb(198,113,58)
```
#d06f30
```
#d06f30 rgb(208,111,48)
```
#da6d26
```
#da6d26 rgb(218,109,38)
```
#e46b1c
```
#e46b1c rgb(228,107,28)
```
#ed6913
```
#ed6913 rgb(237,105,19)
```
#f76709
```
#f76709 rgb(247,103,9)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#948174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8f41 Protanopia 1% of men
#b18834 Deuteranopia 1% of men
#d56f77 Tritanopia 0.001% of the population

Trichromacy

#b0833b Protanomaly 1% of men, 0.01% of women
#bc7f32 Deuteranomaly 6% of men, 0.4% of women
#d36f5d Tritanomaly 0.01% of the population

#d06f30 hex color

#d06f30 Color Information

#d06f30 Color Conversion

Color Schemes with #d06f30

Alternatives to #d06f30

#d06f30 Preview

Shades and Tints of #d06f30

Tones of #d06f30

Color Blindness Simulator