#d5682d hex color

In a RGB color space, hex #d5682d is composed of 83.5% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 78.9% yellow and 16.5% black. It has a hue angle of 21.1 degrees, a saturation of 66.7% and a lightness of 50.6%. #d5682d color hex could be obtained by blending #ffd05a with #ab0000. Closest websafe color is: #cc6633.

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

● #d5682d color description : Strong orange.

The hexadecimal color #d5682d has RGB values of R:213, G:104, B:45 and CMYK values of C:0, M:0.51, Y:0.79, K:0.16. Its decimal value is 13985837.

Hex triplet	d5682d	`#d5682d`
RGB Decimal	213, 104, 45	`rgb(213,104,45)`
RGB Percent	83.5, 40.8, 17.6	`rgb(83.5%,40.8%,17.6%)`
CMYK	0, 51, 79, 16
HSL	21.1°, 66.7, 50.6	`hsl(21.1,66.7%,50.6%)`
HSV (or HSB)	21.1°, 78.9, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.327, 39.192, 51.082
XYZ	32.866, 24.239, 5.43
xyY	0.526, 0.388, 24.239
CIE-LCH	56.327, 64.385, 52.504
CIE-LUV	56.327, 88.358, 44.085
Hunter-Lab	49.233, 32.999, 27.924
Binary	11010101, 01101000, 00101101

#d5682d
```
#d5682d rgb(213,104,45)
```
#2d9ad5
```
#2d9ad5 rgb(45,154,213)
```

Complementary Color

#d52d46
```
#d52d46 rgb(213,45,70)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#d5bc2d
```
#d5bc2d rgb(213,188,45)
```

Analogous Color

#2d46d5
```
#2d46d5 rgb(45,70,213)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#2dd5bc
```
#2dd5bc rgb(45,213,188)
```

Split Complementary Color

#682dd5
```
#682dd5 rgb(104,45,213)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#2dd568
```
#2dd568 rgb(45,213,104)
```

Triadic Color

#d52d9a
```
#d52d9a rgb(213,45,154)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#2dd568
```
#2dd568 rgb(45,213,104)
```
#2d9ad5
```
#2d9ad5 rgb(45,154,213)
```

Tetradic Color

#97491e
```
#97491e rgb(151,73,30)
```
#ad5323
```
#ad5323 rgb(173,83,35)
```
#c25d27
```
#c25d27 rgb(194,93,39)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#d97742
```
#d97742 rgb(217,119,66)
```
#de8758
```
#de8758 rgb(222,135,88)
```
#e2966d
```
#e2966d rgb(226,150,109)
```

Monochromatic Color

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

#d53e2d
```
#d53e2d rgb(213,62,45)
```
#d54c2d
```
#d54c2d rgb(213,76,45)
```
#d55a2d
```
#d55a2d rgb(213,90,45)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#d5762d
```
#d5762d rgb(213,118,45)
```
#d5842d
```
#d5842d rgb(213,132,45)
```
#d5922d
```
#d5922d rgb(213,146,45)
```

Similar Colors

Text with hexadecimal color #d5682d

This text has a font color of #d5682d.

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

#d5682d background color

This paragraph has a background color of #d5682d.

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

#d5682d border color

This element has a border color of #d5682d.

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

CSS codes

.text {color:#d5682d;}

.background {background-color:#d5682d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130904
```
#130904 rgb(19,9,4)
```
#231107
```
#231107 rgb(35,17,7)
```
#34190a
```
#34190a rgb(52,25,10)
```
#44210e
```
#44210e rgb(68,33,14)
```
#542911
```
#542911 rgb(84,41,17)
```
#653014
```
#653014 rgb(101,48,20)
```
#753817
```
#753817 rgb(117,56,23)
```
#85401b
```
#85401b rgb(133,64,27)
```
#96481e
```
#96481e rgb(150,72,30)
```
#a65021
```
#a65021 rgb(166,80,33)
```
#b65824
```
#b65824 rgb(182,88,36)
```
#c76028
```
#c76028 rgb(199,96,40)
```

Shade Color Variation

#d5682d
```
#d5682d rgb(213,104,45)
```
#d8743d
```
#d8743d rgb(216,116,61)
```
#dc804e
```
#dc804e rgb(220,128,78)
```
#df8b5e
```
#df8b5e rgb(223,139,94)
```
#e2976e
```
#e2976e rgb(226,151,110)
```
#e5a37f
```
#e5a37f rgb(229,163,127)
```
#e9af8f
```
#e9af8f rgb(233,175,143)
```
#ecba9f
```
#ecba9f rgb(236,186,159)
```
#efc6b0
```
#efc6b0 rgb(239,198,176)
```
#f2d2c0
```
#f2d2c0 rgb(242,210,192)
```
#f6ded0
```
#f6ded0 rgb(246,222,208)
```
#f9e9e1
```
#f9e9e1 rgb(249,233,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#877f7b
```
#877f7b rgb(135,127,123)
```
#917c71
```
#917c71 rgb(145,124,113)
```
#9b7967
```
#9b7967 rgb(155,121,103)
```
#a5765d
```
#a5765d rgb(165,118,93)
```
#ae7454
```
#ae7454 rgb(174,116,84)
```
#b8714a
```
#b8714a rgb(184,113,74)
```
#c26e40
```
#c26e40 rgb(194,110,64)
```
#cb6b37
```
#cb6b37 rgb(203,107,55)
```
#d5682d
```
#d5682d rgb(213,104,45)
```
#df6523
```
#df6523 rgb(223,101,35)
```
#e8621a
```
#e8621a rgb(232,98,26)
```
#f25f10
```
#f25f10 rgb(242,95,16)
```
#fc5c06
```
#fc5c06 rgb(252,92,6)
```

Tone Color Variation

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

#9c8d40 Protanopia 1% of men
#af862f Deuteranopia 1% of men
#d96970 Tritanopia 0.001% of the population

Trichromacy

#b17f39 Protanomaly 1% of men, 0.01% of women
#bd7b2e Deuteranomaly 6% of men, 0.4% of women
#d86957 Tritanomaly 0.01% of the population

#d5682d hex color

#d5682d Color Information

#d5682d Color Conversion

Color Schemes with #d5682d

Alternatives to #d5682d

#d5682d Preview

Shades and Tints of #d5682d

Tones of #d5682d

Color Blindness Simulator