#d06f3f hex color

In a RGB color space, hex #d06f3f is composed of 81.6% red, 43.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.6% magenta, 69.7% yellow and 18.4% black. It has a hue angle of 19.9 degrees, a saturation of 60.7% and a lightness of 53.1%. #d06f3f color hex could be obtained by blending #ffde7e with #a10000. Closest websafe color is: #cc6633.

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

● #d06f3f color description : Moderate orange.

The hexadecimal color #d06f3f has RGB values of R:208, G:111, B:63 and CMYK values of C:0, M:0.47, Y:0.7, K:0.18. Its decimal value is 13659967.

Hex triplet	d06f3f	`#d06f3f`
RGB Decimal	208, 111, 63	`rgb(208,111,63)`
RGB Percent	81.6, 43.5, 24.7	`rgb(81.6%,43.5%,24.7%)`
CMYK	0, 47, 70, 18
HSL	19.9°, 60.7, 53.1	`hsl(19.9,60.7%,53.1%)`
HSV (or HSB)	19.9°, 69.7, 81.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.212, 34.409, 43.028
XYZ	32.595, 25.14, 7.838
xyY	0.497, 0.383, 25.14
CIE-LCH	57.212, 55.095, 51.351
CIE-LUV	57.212, 76.695, 40.127
Hunter-Lab	50.14, 28.293, 25.829
Binary	11010000, 01101111, 00111111

#d06f3f
```
#d06f3f rgb(208,111,63)
```
#3fa0d0
```
#3fa0d0 rgb(63,160,208)
```

Complementary Color

#d03f57
```
#d03f57 rgb(208,63,87)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d0b83f
```
#d0b83f rgb(208,184,63)
```

Analogous Color

#3f58d0
```
#3f58d0 rgb(63,88,208)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#3fd0b8
```
#3fd0b8 rgb(63,208,184)
```

Split Complementary Color

#6f3fd0
```
#6f3fd0 rgb(111,63,208)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#3fd06f
```
#3fd06f rgb(63,208,111)
```

Triadic Color

#d03fa0
```
#d03fa0 rgb(208,63,160)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#3fd06f
```
#3fd06f rgb(63,208,111)
```
#3fa0d0
```
#3fa0d0 rgb(63,160,208)
```

Tetradic Color

#9c4d26
```
#9c4d26 rgb(156,77,38)
```
#b1572b
```
#b1572b rgb(177,87,43)
```
#c56230
```
#c56230 rgb(197,98,48)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d57e53
```
#d57e53 rgb(213,126,83)
```
#da8e68
```
#da8e68 rgb(218,142,104)
```
#df9d7c
```
#df9d7c rgb(223,157,124)
```

Monochromatic Color

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

#d04b3f
```
#d04b3f rgb(208,75,63)
```
#d0573f
```
#d0573f rgb(208,87,63)
```
#d0633f
```
#d0633f rgb(208,99,63)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d07b3f
```
#d07b3f rgb(208,123,63)
```
#d0873f
```
#d0873f rgb(208,135,63)
```
#d0933f
```
#d0933f rgb(208,147,63)
```

Similar Colors

Text with hexadecimal color #d06f3f

This text has a font color of #d06f3f.

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

#d06f3f background color

This paragraph has a background color of #d06f3f.

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

#d06f3f border color

This element has a border color of #d06f3f.

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

CSS codes

.text {color:#d06f3f;}

.background {background-color:#d06f3f;}

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

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1d0e07
```
#1d0e07 rgb(29,14,7)
```
#2c160b
```
#2c160b rgb(44,22,11)
```
#3c1e0f
```
#3c1e0f rgb(60,30,15)
```
#4c2613
```
#4c2613 rgb(76,38,19)
```
#5c2d16
```
#5c2d16 rgb(92,45,22)
```
#6b351a
```
#6b351a rgb(107,53,26)
```
#7b3d1e
```
#7b3d1e rgb(123,61,30)
```
#8b4522
```
#8b4522 rgb(139,69,34)
```
#9b4d26
```
#9b4d26 rgb(155,77,38)
```
#aa542a
```
#aa542a rgb(170,84,42)
```
#ba5c2e
```
#ba5c2e rgb(186,92,46)
```
#ca6431
```
#ca6431 rgb(202,100,49)
```

Shade Color Variation

#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d47b4f
```
#d47b4f rgb(212,123,79)
```
#d8875f
```
#d8875f rgb(216,135,95)
```
#dc926e
```
#dc926e rgb(220,146,110)
```
#df9e7e
```
#df9e7e rgb(223,158,126)
```
#e3aa8e
```
#e3aa8e rgb(227,170,142)
```
#e7b69e
```
#e7b69e rgb(231,182,158)
```
#ebc2ad
```
#ebc2ad rgb(235,194,173)
```
#efcebd
```
#efcebd rgb(239,206,189)
```
#f3d9cd
```
#f3d9cd rgb(243,217,205)
```
#f7e5dd
```
#f7e5dd rgb(247,229,221)
```
#faf1ec
```
#faf1ec rgb(250,241,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#90857f
```
#90857f rgb(144,133,127)
```
#998276
```
#998276 rgb(153,130,118)
```
#a27f6d
```
#a27f6d rgb(162,127,109)
```
#ab7b64
```
#ab7b64 rgb(171,123,100)
```
#b4785b
```
#b4785b rgb(180,120,91)
```
#be7551
```
#be7551 rgb(190,117,81)
```
#c77248
```
#c77248 rgb(199,114,72)
```
#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d96c36
```
#d96c36 rgb(217,108,54)
```
#e2692d
```
#e2692d rgb(226,105,45)
```
#ec6623
```
#ec6623 rgb(236,102,35)
```
#f5631a
```
#f5631a rgb(245,99,26)
```
#fe5f11
```
#fe5f11 rgb(254,95,17)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#968279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8f50 Protanopia 1% of men
#b08843 Deuteranopia 1% of men
#d57078 Tritanopia 0.001% of the population

Trichromacy

#af834a Protanomaly 1% of men, 0.01% of women
#bb7f41 Deuteranomaly 6% of men, 0.4% of women
#d37063 Tritanomaly 0.01% of the population

#d06f3f hex color

#d06f3f Color Information

#d06f3f Color Conversion

Color Schemes with #d06f3f

Alternatives to #d06f3f

#d06f3f Preview

Shades and Tints of #d06f3f

Tones of #d06f3f

Color Blindness Simulator