#d68223 hex color

In a RGB color space, hex #d68223 is composed of 83.9% red, 51% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 83.6% yellow and 16.1% black. It has a hue angle of 31.8 degrees, a saturation of 71.9% and a lightness of 48.8%. #d68223 color hex could be obtained by blending #ffff46 with #ad0500. Closest websafe color is: #cc9933.

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

● #d68223 color description : Strong orange.

The hexadecimal color #d68223 has RGB values of R:214, G:130, B:35 and CMYK values of C:0, M:0.39, Y:0.84, K:0.16. Its decimal value is 14058019.

Hex triplet	d68223	`#d68223`
RGB Decimal	214, 130, 35	`rgb(214,130,35)`
RGB Percent	83.9, 51, 13.7	`rgb(83.9%,51%,13.7%)`
CMYK	0, 39, 84, 16
HSL	31.8°, 71.9, 48.8	`hsl(31.8,71.9%,48.8%)`
HSV (or HSB)	31.8°, 83.6, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.985, 25.682, 60.266
XYZ	36.019, 30.386, 5.558
xyY	0.501, 0.422, 30.386
CIE-LCH	61.985, 65.51, 66.919
CIE-LUV	61.985, 68.902, 55.993
Hunter-Lab	55.123, 20.17, 32.608
Binary	11010110, 10000010, 00100011

#d68223
```
#d68223 rgb(214,130,35)
```
#2377d6
```
#2377d6 rgb(35,119,214)
```

Complementary Color

#d62923
```
#d62923 rgb(214,41,35)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#d1d623
```
#d1d623 rgb(209,214,35)
```

Analogous Color

#2823d6
```
#2823d6 rgb(40,35,214)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#23d1d6
```
#23d1d6 rgb(35,209,214)
```

Split Complementary Color

#8223d6
```
#8223d6 rgb(130,35,214)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#23d682
```
#23d682 rgb(35,214,130)
```

Triadic Color

#d62377
```
#d62377 rgb(214,35,119)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#23d682
```
#23d682 rgb(35,214,130)
```
#2377d6
```
#2377d6 rgb(35,119,214)
```

Tetradic Color

#945a18
```
#945a18 rgb(148,90,24)
```
#aa671c
```
#aa671c rgb(170,103,28)
```
#c0751f
```
#c0751f rgb(192,117,31)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#de8e35
```
#de8e35 rgb(222,142,53)
```
#e19b4b
```
#e19b4b rgb(225,155,75)
```
#e5a760
```
#e5a760 rgb(229,167,96)
```

Monochromatic Color

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

#d65523
```
#d65523 rgb(214,85,35)
```
#d66423
```
#d66423 rgb(214,100,35)
```
#d67323
```
#d67323 rgb(214,115,35)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#d69123
```
#d69123 rgb(214,145,35)
```
#d6a023
```
#d6a023 rgb(214,160,35)
```
#d6af23
```
#d6af23 rgb(214,175,35)
```

Similar Colors

Text with hexadecimal color #d68223

This text has a font color of #d68223.

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

#d68223 background color

This paragraph has a background color of #d68223.

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

#d68223 border color

This element has a border color of #d68223.

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

CSS codes

.text {color:#d68223;}

.background {background-color:#d68223;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1105
```
#1d1105 rgb(29,17,5)
```
#2d1c07
```
#2d1c07 rgb(45,28,7)
```
#3e260a
```
#3e260a rgb(62,38,10)
```
#4f300d
```
#4f300d rgb(79,48,13)
```
#603a10
```
#603a10 rgb(96,58,16)
```
#714512
```
#714512 rgb(113,69,18)
```
#824f15
```
#824f15 rgb(130,79,21)
```
#935918
```
#935918 rgb(147,89,24)
```
#a3631b
```
#a3631b rgb(163,99,27)
```
#b46e1d
```
#b46e1d rgb(180,110,29)
```
#c57820
```
#c57820 rgb(197,120,32)
```
#d68223
```
#d68223 rgb(214,130,35)
```

Shade Color Variation

#dd8c30
```
#dd8c30 rgb(221,140,48)
```
#e09540
```
#e09540 rgb(224,149,64)
```
#e39e51
```
#e39e51 rgb(227,158,81)
```
#e5a862
```
#e5a862 rgb(229,168,98)
```
#e8b173
```
#e8b173 rgb(232,177,115)
```
#ebbb84
```
#ebbb84 rgb(235,187,132)
```
#eec495
```
#eec495 rgb(238,196,149)
```
#f0cda6
```
#f0cda6 rgb(240,205,166)
```
#f3d7b6
```
#f3d7b6 rgb(243,215,182)
```
#f6e0c7
```
#f6e0c7 rgb(246,224,199)
```
#f9e9d8
```
#f9e9d8 rgb(249,233,216)
```
#fbf3e9
```
#fbf3e9 rgb(251,243,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#807d79
```
#807d79 rgb(128,125,121)
```
#897d70
```
#897d70 rgb(137,125,112)
```
#937e66
```
#937e66 rgb(147,126,102)
```
#9d7e5c
```
#9d7e5c rgb(157,126,92)
```
#a67f53
```
#a67f53 rgb(166,127,83)
```
#b08049
```
#b08049 rgb(176,128,73)
```
#b98040
```
#b98040 rgb(185,128,64)
```
#c38136
```
#c38136 rgb(195,129,54)
```
#cc812d
```
#cc812d rgb(204,129,45)
```
#d68223
```
#d68223 rgb(214,130,35)
```
#e08319
```
#e08319 rgb(224,131,25)
```
#e98310
```
#e98310 rgb(233,131,16)
```
#f38406
```
#f38406 rgb(243,132,6)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9e8d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b33 Protanopia 1% of men
#c19328 Deuteranopia 1% of men
#dc8088 Tritanopia 0.001% of the population

Trichromacy

#bc922d Protanomaly 1% of men, 0.01% of women
#c88d26 Deuteranomaly 6% of men, 0.4% of women
#da8063 Tritanomaly 0.01% of the population

#d68223 hex color

#d68223 Color Information

#d68223 Color Conversion

Color Schemes with #d68223

Alternatives to #d68223

#d68223 Preview

Shades and Tints of #d68223

Tones of #d68223

Color Blindness Simulator