#d86b2a hex color

In a RGB color space, hex #d86b2a is composed of 84.7% red, 42% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 80.6% yellow and 15.3% black. It has a hue angle of 22.4 degrees, a saturation of 69% and a lightness of 50.6%. #d86b2a color hex could be obtained by blending #ffd654 with #b10000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 42
- B 16
RGB color chart
- C 0
- M 50
- Y 81
- K 15
CMYK color chart

● #d86b2a color description : Strong orange.

The hexadecimal color #d86b2a has RGB values of R:216, G:107, B:42 and CMYK values of C:0, M:0.5, Y:0.81, K:0.15. Its decimal value is 14183210.

Hex triplet	d86b2a	`#d86b2a`
RGB Decimal	216, 107, 42	`rgb(216,107,42)`
RGB Percent	84.7, 42, 16.5	`rgb(84.7%,42%,16.5%)`
CMYK	0, 50, 81, 15
HSL	22.4°, 69, 50.6	`hsl(22.4,69%,50.6%)`
HSV (or HSB)	22.4°, 80.6, 84.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.352, 38.75, 53.533
XYZ	33.996, 25.285, 5.281
xyY	0.527, 0.392, 25.285
CIE-LCH	57.352, 66.086, 54.101
CIE-LUV	57.352, 88.766, 46.209
Hunter-Lab	50.284, 32.683, 28.972
Binary	11011000, 01101011, 00101010

#d86b2a
```
#d86b2a rgb(216,107,42)
```
#2a97d8
```
#2a97d8 rgb(42,151,216)
```

Complementary Color

#d82a40
```
#d82a40 rgb(216,42,64)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#d8c22a
```
#d8c22a rgb(216,194,42)
```

Analogous Color

#2a40d8
```
#2a40d8 rgb(42,64,216)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#2ad8c2
```
#2ad8c2 rgb(42,216,194)
```

Split Complementary Color

#6b2ad8
```
#6b2ad8 rgb(107,42,216)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#2ad86b
```
#2ad86b rgb(42,216,107)
```

Triadic Color

#d82a97
```
#d82a97 rgb(216,42,151)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#2ad86b
```
#2ad86b rgb(42,216,107)
```
#2a97d8
```
#2a97d8 rgb(42,151,216)
```

Tetradic Color

#994b1c
```
#994b1c rgb(153,75,28)
```
#af5520
```
#af5520 rgb(175,85,32)
```
#c56024
```
#c56024 rgb(197,96,36)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#dc7a40
```
#dc7a40 rgb(220,122,64)
```
#e08955
```
#e08955 rgb(224,137,85)
```
#e4986b
```
#e4986b rgb(228,152,107)
```

Monochromatic Color

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

#d8402a
```
#d8402a rgb(216,64,42)
```
#d84e2a
```
#d84e2a rgb(216,78,42)
```
#d85d2a
```
#d85d2a rgb(216,93,42)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#d87a2a
```
#d87a2a rgb(216,122,42)
```
#d8882a
```
#d8882a rgb(216,136,42)
```
#d8972a
```
#d8972a rgb(216,151,42)
```

Similar Colors

Text with hexadecimal color #d86b2a

This text has a font color of #d86b2a.

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

#d86b2a background color

This paragraph has a background color of #d86b2a.

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

#d86b2a border color

This element has a border color of #d86b2a.

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

CSS codes

.text {color:#d86b2a;}

.background {background-color:#d86b2a;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#130903
```
#130903 rgb(19,9,3)
```
#241107
```
#241107 rgb(36,17,7)
```
#341a0a
```
#341a0a rgb(52,26,10)
```
#45220d
```
#45220d rgb(69,34,13)
```
#552a10
```
#552a10 rgb(85,42,16)
```
#663213
```
#663213 rgb(102,50,19)
```
#773a16
```
#773a16 rgb(119,58,22)
```
#874219
```
#874219 rgb(135,66,25)
```
#984a1c
```
#984a1c rgb(152,74,28)
```
#a8521f
```
#a8521f rgb(168,82,31)
```
#b95a22
```
#b95a22 rgb(185,90,34)
```
#c96225
```
#c96225 rgb(201,98,37)
```

Shade Color Variation

#d86b2a
```
#d86b2a rgb(216,107,42)
```
#db773b
```
#db773b rgb(219,119,59)
```
#de824b
```
#de824b rgb(222,130,75)
```
#e18e5c
```
#e18e5c rgb(225,142,92)
```
#e4996c
```
#e4996c rgb(228,153,108)
```
#e7a57d
```
#e7a57d rgb(231,165,125)
```
#eab08d
```
#eab08d rgb(234,176,141)
```
#edbc9e
```
#edbc9e rgb(237,188,158)
```
#f0c7af
```
#f0c7af rgb(240,199,175)
```
#f3d3bf
```
#f3d3bf rgb(243,211,191)
```
#f6ded0
```
#f6ded0 rgb(246,222,208)
```
#f9eae0
```
#f9eae0 rgb(249,234,224)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#8a7f78
```
#8a7f78 rgb(138,127,120)
```
#947c6e
```
#947c6e rgb(148,124,110)
```
#9e7a64
```
#9e7a64 rgb(158,122,100)
```
#a8775a
```
#a8775a rgb(168,119,90)
```
#b17551
```
#b17551 rgb(177,117,81)
```
#bb7247
```
#bb7247 rgb(187,114,71)
```
#c5703d
```
#c5703d rgb(197,112,61)
```
#ce6d34
```
#ce6d34 rgb(206,109,52)
```
#d86b2a
```
#d86b2a rgb(216,107,42)
```
#e26920
```
#e26920 rgb(226,105,32)
```
#eb6617
```
#eb6617 rgb(235,102,23)
```
#f5640d
```
#f5640d rgb(245,100,13)
```
#ff6103
```
#ff6103 rgb(255,97,3)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#957f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f3c Protanopia 1% of men
#b2892c Deuteranopia 1% of men
#dc6c72 Tritanopia 0.001% of the population

Trichromacy

#b48236 Protanomaly 1% of men, 0.01% of women
#c07e2b Deuteranomaly 6% of men, 0.4% of women
#db6b58 Tritanomaly 0.01% of the population

#d86b2a hex color

#d86b2a Color Information

#d86b2a Color Conversion

Color Schemes with #d86b2a

Alternatives to #d86b2a

#d86b2a Preview

Shades and Tints of #d86b2a

Tones of #d86b2a

Color Blindness Simulator