#d86f3a hex color

In a RGB color space, hex #d86f3a is composed of 84.7% red, 43.5% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 73.1% yellow and 15.3% black. It has a hue angle of 20.1 degrees, a saturation of 66.9% and a lightness of 53.7%. #d86f3a color hex could be obtained by blending #ffde74 with #b10000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 44
- B 23
RGB color chart
- C 0
- M 49
- Y 73
- K 15
CMYK color chart

● #d86f3a color description : Moderate orange.

The hexadecimal color #d86f3a has RGB values of R:216, G:111, B:58 and CMYK values of C:0, M:0.49, Y:0.73, K:0.15. Its decimal value is 14184250.

Hex triplet	d86f3a	`#d86f3a`
RGB Decimal	216, 111, 58	`rgb(216,111,58)`
RGB Percent	84.7, 43.5, 22.7	`rgb(84.7%,43.5%,22.7%)`
CMYK	0, 49, 73, 15
HSL	20.1°, 66.9, 53.7	`hsl(20.1,66.9%,53.7%)`
HSV (or HSB)	20.1°, 73.1, 84.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.298, 37.337, 47.061
XYZ	34.768, 26.276, 7.244
xyY	0.509, 0.385, 26.276
CIE-LCH	58.298, 60.074, 51.572
CIE-LUV	58.298, 83.949, 42.774
Hunter-Lab	51.261, 31.364, 27.504
Binary	11011000, 01101111, 00111010

#d86f3a
```
#d86f3a rgb(216,111,58)
```
#3aa3d8
```
#3aa3d8 rgb(58,163,216)
```

Complementary Color

#d83a54
```
#d83a54 rgb(216,58,84)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#d8be3a
```
#d8be3a rgb(216,190,58)
```

Analogous Color

#3a54d8
```
#3a54d8 rgb(58,84,216)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#3ad8be
```
#3ad8be rgb(58,216,190)
```

Split Complementary Color

#6f3ad8
```
#6f3ad8 rgb(111,58,216)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#3ad86f
```
#3ad86f rgb(58,216,111)
```

Triadic Color

#d83aa3
```
#d83aa3 rgb(216,58,163)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#3ad86f
```
#3ad86f rgb(58,216,111)
```
#3aa3d8
```
#3aa3d8 rgb(58,163,216)
```

Tetradic Color

#a54d21
```
#a54d21 rgb(165,77,33)
```
#ba5725
```
#ba5725 rgb(186,87,37)
```
#cf6129
```
#cf6129 rgb(207,97,41)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#dc7f4f
```
#dc7f4f rgb(220,127,79)
```
#e08e65
```
#e08e65 rgb(224,142,101)
```
#e59e7a
```
#e59e7a rgb(229,158,122)
```

Monochromatic Color

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

#d8483a
```
#d8483a rgb(216,72,58)
```
#d8553a
```
#d8553a rgb(216,85,58)
```
#d8623a
```
#d8623a rgb(216,98,58)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#d87c3a
```
#d87c3a rgb(216,124,58)
```
#d8893a
```
#d8893a rgb(216,137,58)
```
#d8973a
```
#d8973a rgb(216,151,58)
```

Similar Colors

Text with hexadecimal color #d86f3a

This text has a font color of #d86f3a.

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

#d86f3a background color

This paragraph has a background color of #d86f3a.

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

#d86f3a border color

This element has a border color of #d86f3a.

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

CSS codes

.text {color:#d86f3a;}

.background {background-color:#d86f3a;}

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

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

#100703
```
#100703 rgb(16,7,3)
```
#200f06
```
#200f06 rgb(32,15,6)
```
#31170a
```
#31170a rgb(49,23,10)
```
#411e0d
```
#411e0d rgb(65,30,13)
```
#512610
```
#512610 rgb(81,38,16)
```
#622e13
```
#622e13 rgb(98,46,19)
```
#723517
```
#723517 rgb(114,53,23)
```
#823d1a
```
#823d1a rgb(130,61,26)
```
#93451d
```
#93451d rgb(147,69,29)
```
#a34c20
```
#a34c20 rgb(163,76,32)
```
#b45424
```
#b45424 rgb(180,84,36)
```
#c45c27
```
#c45c27 rgb(196,92,39)
```
#d4632a
```
#d4632a rgb(212,99,42)
```

Shade Color Variation

#d86f3a
```
#d86f3a rgb(216,111,58)
```
#db7b4a
```
#db7b4a rgb(219,123,74)
```
#de875b
```
#de875b rgb(222,135,91)
```
#e2936b
```
#e2936b rgb(226,147,107)
```
#e59f7b
```
#e59f7b rgb(229,159,123)
```
#e8ab8c
```
#e8ab8c rgb(232,171,140)
```
#ebb79c
```
#ebb79c rgb(235,183,156)
```
#efc3ad
```
#efc3ad rgb(239,195,173)
```
#f2cfbd
```
#f2cfbd rgb(242,207,189)
```
#f5dbcd
```
#f5dbcd rgb(245,219,205)
```
#f8e7de
```
#f8e7de rgb(248,231,222)
```
#fcf3ee
```
#fcf3ee rgb(252,243,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8f8783
```
#8f8783 rgb(143,135,131)
```
#98847a
```
#98847a rgb(152,132,122)
```
#a28170
```
#a28170 rgb(162,129,112)
```
#ab7e67
```
#ab7e67 rgb(171,126,103)
```
#b47b5e
```
#b47b5e rgb(180,123,94)
```
#bd7855
```
#bd7855 rgb(189,120,85)
```
#c6754c
```
#c6754c rgb(198,117,76)
```
#cf7243
```
#cf7243 rgb(207,114,67)
```
#d86f3a
```
#d86f3a rgb(216,111,58)
```
#e16c31
```
#e16c31 rgb(225,108,49)
```
#ea6928
```
#ea6928 rgb(234,105,40)
```
#f3661f
```
#f3661f rgb(243,102,31)
```
#fc6316
```
#fc6316 rgb(252,99,22)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#988378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0924c Protanopia 1% of men
#b48b3d Deuteranopia 1% of men
#dc7077 Tritanopia 0.001% of the population

Trichromacy

#b48545 Protanomaly 1% of men, 0.01% of women
#c1813c Deuteranomaly 6% of men, 0.4% of women
#db6f61 Tritanomaly 0.01% of the population

#d86f3a hex color

#d86f3a Color Information

#d86f3a Color Conversion

Color Schemes with #d86f3a

Alternatives to #d86f3a

#d86f3a Preview

Shades and Tints of #d86f3a

Tones of #d86f3a

Color Blindness Simulator