#d5682e hex color

In a RGB color space, hex #d5682e is composed of 83.5% red, 40.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 78.4% yellow and 16.5% black. It has a hue angle of 20.8 degrees, a saturation of 66.5% and a lightness of 50.8%. #d5682e color hex could be obtained by blending #ffd05c with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 41
- B 18
RGB color chart
- C 0
- M 51
- Y 78
- K 16
CMYK color chart

● #d5682e color description : Strong orange.

The hexadecimal color #d5682e has RGB values of R:213, G:104, B:46 and CMYK values of C:0, M:0.51, Y:0.78, K:0.16. Its decimal value is 13985838.

Hex triplet	d5682e	`#d5682e`
RGB Decimal	213, 104, 46	`rgb(213,104,46)`
RGB Percent	83.5, 40.8, 18	`rgb(83.5%,40.8%,18%)`
CMYK	0, 51, 78, 16
HSL	20.8°, 66.5, 50.8	`hsl(20.8,66.5%,50.8%)`
HSV (or HSB)	20.8°, 78.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.334, 39.228, 50.635
XYZ	32.885, 24.247, 5.533
xyY	0.525, 0.387, 24.247
CIE-LCH	56.334, 64.052, 52.234
CIE-LUV	56.334, 88.258, 43.799
Hunter-Lab	49.241, 33.037, 27.807
Binary	11010101, 01101000, 00101110

#d5682e
```
#d5682e rgb(213,104,46)
```
#2e9bd5
```
#2e9bd5 rgb(46,155,213)
```

Complementary Color

#d52e48
```
#d52e48 rgb(213,46,72)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#d5bc2e
```
#d5bc2e rgb(213,188,46)
```

Analogous Color

#2e48d5
```
#2e48d5 rgb(46,72,213)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#2ed5bc
```
#2ed5bc rgb(46,213,188)
```

Split Complementary Color

#682ed5
```
#682ed5 rgb(104,46,213)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#2ed568
```
#2ed568 rgb(46,213,104)
```

Triadic Color

#d52e9b
```
#d52e9b rgb(213,46,155)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#2ed568
```
#2ed568 rgb(46,213,104)
```
#2e9bd5
```
#2e9bd5 rgb(46,155,213)
```

Tetradic Color

#98491f
```
#98491f rgb(152,73,31)
```
#ad5323
```
#ad5323 rgb(173,83,35)
```
#c25d27
```
#c25d27 rgb(194,93,39)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#d97743
```
#d97743 rgb(217,119,67)
```
#de8758
```
#de8758 rgb(222,135,88)
```
#e2966e
```
#e2966e rgb(226,150,110)
```

Monochromatic Color

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

#d53e2e
```
#d53e2e rgb(213,62,46)
```
#d54c2e
```
#d54c2e rgb(213,76,46)
```
#d55a2e
```
#d55a2e rgb(213,90,46)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#d5762e
```
#d5762e rgb(213,118,46)
```
#d5842e
```
#d5842e rgb(213,132,46)
```
#d5922e
```
#d5922e rgb(213,146,46)
```

Similar Colors

Text with hexadecimal color #d5682e

This text has a font color of #d5682e.

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

#d5682e background color

This paragraph has a background color of #d5682e.

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

#d5682e border color

This element has a border color of #d5682e.

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

CSS codes

.text {color:#d5682e;}

.background {background-color:#d5682e;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140904
```
#140904 rgb(20,9,4)
```
#241107
```
#241107 rgb(36,17,7)
```
#34190b
```
#34190b rgb(52,25,11)
```
#45210e
```
#45210e rgb(69,33,14)
```
#552911
```
#552911 rgb(85,41,17)
```
#653014
```
#653014 rgb(101,48,20)
```
#763818
```
#763818 rgb(118,56,24)
```
#86401b
```
#86401b rgb(134,64,27)
```
#96481e
```
#96481e rgb(150,72,30)
```
#a75021
```
#a75021 rgb(167,80,33)
```
#b75825
```
#b75825 rgb(183,88,37)
```
#c75f28
```
#c75f28 rgb(199,95,40)
```

Shade Color Variation

#d5682e
```
#d5682e rgb(213,104,46)
```
#d8743e
```
#d8743e rgb(216,116,62)
```
#dc804f
```
#dc804f rgb(220,128,79)
```
#df8b5f
```
#df8b5f rgb(223,139,95)
```
#e2976f
```
#e2976f rgb(226,151,111)
```
#e5a380
```
#e5a380 rgb(229,163,128)
```
#e9af90
```
#e9af90 rgb(233,175,144)
```
#ecbba0
```
#ecbba0 rgb(236,187,160)
```
#efc6b1
```
#efc6b1 rgb(239,198,177)
```
#f3d2c1
```
#f3d2c1 rgb(243,210,193)
```
#f6ded1
```
#f6ded1 rgb(246,222,209)
```
#f9eae2
```
#f9eae2 rgb(249,234,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#88807b
```
#88807b rgb(136,128,123)
```
#917d72
```
#917d72 rgb(145,125,114)
```
#9b7a68
```
#9b7a68 rgb(155,122,104)
```
#a5775e
```
#a5775e rgb(165,119,94)
```
#ae7455
```
#ae7455 rgb(174,116,85)
```
#b8714b
```
#b8714b rgb(184,113,75)
```
#c26e41
```
#c26e41 rgb(194,110,65)
```
#cb6b38
```
#cb6b38 rgb(203,107,56)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#df6524
```
#df6524 rgb(223,101,36)
```
#e8621b
```
#e8621b rgb(232,98,27)
```
#f25f11
```
#f25f11 rgb(242,95,17)
```
#fc5c07
```
#fc5c07 rgb(252,92,7)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#937d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d41 Protanopia 1% of men
#af8630 Deuteranopia 1% of men
#d96970 Tritanopia 0.001% of the population

Trichromacy

#b17f3a Protanomaly 1% of men, 0.01% of women
#bd7b2f Deuteranomaly 6% of men, 0.4% of women
#d86958 Tritanomaly 0.01% of the population

#d5682e hex color

#d5682e Color Information

#d5682e Color Conversion

Color Schemes with #d5682e

Alternatives to #d5682e

#d5682e Preview

Shades and Tints of #d5682e

Tones of #d5682e

Color Blindness Simulator