#d68c22 hex color

In a RGB color space, hex #d68c22 is composed of 83.9% red, 54.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.6% magenta, 84.1% yellow and 16.1% black. It has a hue angle of 35.3 degrees, a saturation of 72.6% and a lightness of 48.6%. #d68c22 color hex could be obtained by blending #ffff44 with #ad1900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 55
- B 13
RGB color chart
- C 0
- M 35
- Y 84
- K 16
CMYK color chart

● #d68c22 color description : Strong orange.

The hexadecimal color #d68c22 has RGB values of R:214, G:140, B:34 and CMYK values of C:0, M:0.35, Y:0.84, K:0.16. Its decimal value is 14060578.

Hex triplet	d68c22	`#d68c22`
RGB Decimal	214, 140, 34	`rgb(214,140,34)`
RGB Percent	83.9, 54.9, 13.3	`rgb(83.9%,54.9%,13.3%)`
CMYK	0, 35, 84, 16
HSL	35.3°, 72.6, 48.6	`hsl(35.3,72.6%,48.6%)`
HSV (or HSB)	35.3°, 84.1, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.299, 20.276, 62.567
XYZ	37.399, 33.17, 5.946
xyY	0.489, 0.434, 33.17
CIE-LCH	64.299, 65.77, 72.044
CIE-LUV	64.299, 60.836, 59.94
Hunter-Lab	57.594, 15.122, 34.194
Binary	11010110, 10001100, 00100010

#d68c22
```
#d68c22 rgb(214,140,34)
```
#226cd6
```
#226cd6 rgb(34,108,214)
```

Complementary Color

#d63222
```
#d63222 rgb(214,50,34)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#c6d622
```
#c6d622 rgb(198,214,34)
```

Analogous Color

#3222d6
```
#3222d6 rgb(50,34,214)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#22c6d6
```
#22c6d6 rgb(34,198,214)
```

Split Complementary Color

#8c22d6
```
#8c22d6 rgb(140,34,214)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#22d68c
```
#22d68c rgb(34,214,140)
```

Triadic Color

#d6226c
```
#d6226c rgb(214,34,108)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#22d68c
```
#22d68c rgb(34,214,140)
```
#226cd6
```
#226cd6 rgb(34,108,214)
```

Tetradic Color

#946118
```
#946118 rgb(148,97,24)
```
#aa6f1b
```
#aa6f1b rgb(170,111,27)
```
#c07e1f
```
#c07e1f rgb(192,126,31)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#df9833
```
#df9833 rgb(223,152,51)
```
#e2a349
```
#e2a349 rgb(226,163,73)
```
#e6ae5f
```
#e6ae5f rgb(230,174,95)
```

Monochromatic Color

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

#d65f22
```
#d65f22 rgb(214,95,34)
```
#d66e22
```
#d66e22 rgb(214,110,34)
```
#d67d22
```
#d67d22 rgb(214,125,34)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#d69b22
```
#d69b22 rgb(214,155,34)
```
#d6aa22
```
#d6aa22 rgb(214,170,34)
```
#d6b922
```
#d6b922 rgb(214,185,34)
```

Similar Colors

Text with hexadecimal color #d68c22

This text has a font color of #d68c22.

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

#d68c22 background color

This paragraph has a background color of #d68c22.

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

#d68c22 border color

This element has a border color of #d68c22.

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

CSS codes

.text {color:#d68c22;}

.background {background-color:#d68c22;}

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

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, #0b0702 is the darkest color, while #fefcf9 is the lightest one.

#0b0702
```
#0b0702 rgb(11,7,2)
```
#1c1204
```
#1c1204 rgb(28,18,4)
```
#2d1d07
```
#2d1d07 rgb(45,29,7)
```
#3e280a
```
#3e280a rgb(62,40,10)
```
#4f330c
```
#4f330c rgb(79,51,12)
```
#603e0f
```
#603e0f rgb(96,62,15)
```
#704a12
```
#704a12 rgb(112,74,18)
```
#815515
```
#815515 rgb(129,85,21)
```
#926017
```
#926017 rgb(146,96,23)
```
#a36b1a
```
#a36b1a rgb(163,107,26)
```
#b4761d
```
#b4761d rgb(180,118,29)
```
#c5811f
```
#c5811f rgb(197,129,31)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```

Shade Color Variation

#de952e
```
#de952e rgb(222,149,46)
```
#e09e3f
```
#e09e3f rgb(224,158,63)
```
#e3a750
```
#e3a750 rgb(227,167,80)
```
#e6af61
```
#e6af61 rgb(230,175,97)
```
#e9b872
```
#e9b872 rgb(233,184,114)
```
#ebc082
```
#ebc082 rgb(235,192,130)
```
#eec993
```
#eec993 rgb(238,201,147)
```
#f1d1a4
```
#f1d1a4 rgb(241,209,164)
```
#f3dab5
```
#f3dab5 rgb(243,218,181)
```
#f6e2c6
```
#f6e2c6 rgb(246,226,198)
```
#f9ebd7
```
#f9ebd7 rgb(249,235,215)
```
#fbf3e8
```
#fbf3e8 rgb(251,243,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#807d78
```
#807d78 rgb(128,125,120)
```
#8a7e6e
```
#8a7e6e rgb(138,126,110)
```
#938065
```
#938065 rgb(147,128,101)
```
#9d825b
```
#9d825b rgb(157,130,91)
```
#a68452
```
#a68452 rgb(166,132,82)
```
#b08548
```
#b08548 rgb(176,133,72)
```
#b9873f
```
#b9873f rgb(185,135,63)
```
#c38935
```
#c38935 rgb(195,137,53)
```
#cc8a2c
```
#cc8a2c rgb(204,138,44)
```
#d68c22
```
#d68c22 rgb(214,140,34)
```
#e08e18
```
#e08e18 rgb(224,142,24)
```
#e98f0f
```
#e98f0f rgb(233,143,15)
```
#f39105
```
#f39105 rgb(243,145,5)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a3947f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a131 Protanopia 1% of men
#c89929 Deuteranopia 1% of men
#dd8892 Tritanopia 0.001% of the population

Trichromacy

#c0992b Protanomaly 1% of men, 0.01% of women
#cd9426 Deuteranomaly 6% of men, 0.4% of women
#da8969 Tritanomaly 0.01% of the population

#d68c22 hex color

#d68c22 Color Information

#d68c22 Color Conversion

Color Schemes with #d68c22

Alternatives to #d68c22

#d68c22 Preview

Shades and Tints of #d68c22

Tones of #d68c22

Color Blindness Simulator