#d6682a hex color

In a RGB color space, hex #d6682a is composed of 83.9% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 21.6 degrees, a saturation of 67.7% and a lightness of 50.2%. #d6682a color hex could be obtained by blending #ffd054 with #ad0000. Closest websafe color is: #cc6633.

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

● #d6682a color description : Strong orange.

The hexadecimal color #d6682a has RGB values of R:214, G:104, B:42 and CMYK values of C:0, M:0.51, Y:0.8, K:0.16. Its decimal value is 14051370.

Hex triplet	d6682a	`#d6682a`
RGB Decimal	214, 104, 42	`rgb(214,104,42)`
RGB Percent	83.9, 40.8, 16.5	`rgb(83.9%,40.8%,16.5%)`
CMYK	0, 51, 80, 16
HSL	21.6°, 67.7, 50.2	`hsl(21.6,67.7%,50.2%)`
HSV (or HSB)	21.6°, 80.4, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.453, 39.48, 52.588
XYZ	33.101, 24.367, 5.151
xyY	0.529, 0.389, 24.367
CIE-LCH	56.453, 65.759, 53.103
CIE-LUV	56.453, 89.485, 44.993
Hunter-Lab	49.363, 33.31, 28.368
Binary	11010110, 01101000, 00101010

#d6682a
```
#d6682a rgb(214,104,42)
```
#2a98d6
```
#2a98d6 rgb(42,152,214)
```

Complementary Color

#d62a42
```
#d62a42 rgb(214,42,66)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#d6be2a
```
#d6be2a rgb(214,190,42)
```

Analogous Color

#2a42d6
```
#2a42d6 rgb(42,66,214)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#2ad6be
```
#2ad6be rgb(42,214,190)
```

Split Complementary Color

#682ad6
```
#682ad6 rgb(104,42,214)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#2ad668
```
#2ad668 rgb(42,214,104)
```

Triadic Color

#d62a98
```
#d62a98 rgb(214,42,152)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#2ad668
```
#2ad668 rgb(42,214,104)
```
#2a98d6
```
#2a98d6 rgb(42,152,214)
```

Tetradic Color

#97491d
```
#97491d rgb(151,73,29)
```
#ac5321
```
#ac5321 rgb(172,83,33)
```
#c15d25
```
#c15d25 rgb(193,93,37)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#da773f
```
#da773f rgb(218,119,63)
```
#de8655
```
#de8655 rgb(222,134,85)
```
#e2956a
```
#e2956a rgb(226,149,106)
```

Monochromatic Color

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

#d63d2a
```
#d63d2a rgb(214,61,42)
```
#d64b2a
```
#d64b2a rgb(214,75,42)
```
#d65a2a
```
#d65a2a rgb(214,90,42)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#d6762a
```
#d6762a rgb(214,118,42)
```
#d6852a
```
#d6852a rgb(214,133,42)
```
#d6932a
```
#d6932a rgb(214,147,42)
```

Similar Colors

Text with hexadecimal color #d6682a

This text has a font color of #d6682a.

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

#d6682a background color

This paragraph has a background color of #d6682a.

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

#d6682a border color

This element has a border color of #d6682a.

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

CSS codes

.text {color:#d6682a;}

.background {background-color:#d6682a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221006
```
#221006 rgb(34,16,6)
```
#32180a
```
#32180a rgb(50,24,10)
```
#43200d
```
#43200d rgb(67,32,13)
```
#532810
```
#532810 rgb(83,40,16)
```
#643013
```
#643013 rgb(100,48,19)
```
#743816
```
#743816 rgb(116,56,22)
```
#844019
```
#844019 rgb(132,64,25)
```
#95481d
```
#95481d rgb(149,72,29)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#b65823
```
#b65823 rgb(182,88,35)
```
#c66026
```
#c66026 rgb(198,96,38)
```

Shade Color Variation

#d6682a
```
#d6682a rgb(214,104,42)
```
#d9743a
```
#d9743a rgb(217,116,58)
```
#dc7f4b
```
#dc7f4b rgb(220,127,75)
```
#df8b5b
```
#df8b5b rgb(223,139,91)
```
#e3976c
```
#e3976c rgb(227,151,108)
```
#e6a27c
```
#e6a27c rgb(230,162,124)
```
#e9ae8d
```
#e9ae8d rgb(233,174,141)
```
#ecba9d
```
#ecba9d rgb(236,186,157)
```
#efc5ae
```
#efc5ae rgb(239,197,174)
```
#f2d1be
```
#f2d1be rgb(242,209,190)
```
#f6ddce
```
#f6ddce rgb(246,221,206)
```
#f9e8df
```
#f9e8df rgb(249,232,223)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#887e78
```
#887e78 rgb(136,126,120)
```
#927b6e
```
#927b6e rgb(146,123,110)
```
#9b7865
```
#9b7865 rgb(155,120,101)
```
#a5765b
```
#a5765b rgb(165,118,91)
```
#af7351
```
#af7351 rgb(175,115,81)
```
#b97047
```
#b97047 rgb(185,112,71)
```
#c26d3e
```
#c26d3e rgb(194,109,62)
```
#cc6b34
```
#cc6b34 rgb(204,107,52)
```
#d6682a
```
#d6682a rgb(214,104,42)
```
#e06520
```
#e06520 rgb(224,101,32)
```
#ea6316
```
#ea6316 rgb(234,99,22)
```
#f3600d
```
#f3600d rgb(243,96,13)
```
#fd5d03
```
#fd5d03 rgb(253,93,3)
```

Tone Color Variation

Below, you can see how #d6682a 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
#937d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d3d Protanopia 1% of men
#b0862c Deuteranopia 1% of men
#da6970 Tritanopia 0.001% of the population

Trichromacy

#b18036 Protanomaly 1% of men, 0.01% of women
#bd7b2b Deuteranomaly 6% of men, 0.4% of women
#d96956 Tritanomaly 0.01% of the population

#d6682a hex color

#d6682a Color Information

#d6682a Color Conversion

Color Schemes with #d6682a

Alternatives to #d6682a

#d6682a Preview

Shades and Tints of #d6682a

Tones of #d6682a

Color Blindness Simulator