#d48c22 hex color

In a RGB color space, hex #d48c22 is composed of 83.1% red, 54.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 84% yellow and 16.9% black. It has a hue angle of 35.7 degrees, a saturation of 72.4% and a lightness of 48.2%. #d48c22 color hex could be obtained by blending #ffff44 with #a91900. Closest websafe color is: #cc9933.

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

● #d48c22 color description : Strong orange.

The hexadecimal color #d48c22 has RGB values of R:212, G:140, B:34 and CMYK values of C:0, M:0.34, Y:0.84, K:0.17. Its decimal value is 13929506.

Hex triplet	d48c22	`#d48c22`
RGB Decimal	212, 140, 34	`rgb(212,140,34)`
RGB Percent	83.1, 54.9, 13.3	`rgb(83.1%,54.9%,13.3%)`
CMYK	0, 34, 84, 17
HSL	35.7°, 72.4, 48.2	`hsl(35.7,72.4%,48.2%)`
HSV (or HSB)	35.7°, 84, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.057, 19.416, 62.265
XYZ	36.819, 32.871, 5.919
xyY	0.487, 0.435, 32.871
CIE-LCH	64.057, 65.222, 72.681
CIE-LUV	64.057, 59.197, 59.849
Hunter-Lab	57.333, 14.298, 34.012
Binary	11010100, 10001100, 00100010

#d48c22
```
#d48c22 rgb(212,140,34)
```
#226ad4
```
#226ad4 rgb(34,106,212)
```

Complementary Color

#d43322
```
#d43322 rgb(212,51,34)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#c3d422
```
#c3d422 rgb(195,212,34)
```

Analogous Color

#3322d4
```
#3322d4 rgb(51,34,212)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#22c3d4
```
#22c3d4 rgb(34,195,212)
```

Split Complementary Color

#8c22d4
```
#8c22d4 rgb(140,34,212)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#22d48c
```
#22d48c rgb(34,212,140)
```

Triadic Color

#d4226a
```
#d4226a rgb(212,34,106)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#22d48c
```
#22d48c rgb(34,212,140)
```
#226ad4
```
#226ad4 rgb(34,106,212)
```

Tetradic Color

#926017
```
#926017 rgb(146,96,23)
```
#a86f1b
```
#a86f1b rgb(168,111,27)
```
#be7d1e
```
#be7d1e rgb(190,125,30)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#de9831
```
#de9831 rgb(222,152,49)
```
#e2a347
```
#e2a347 rgb(226,163,71)
```
#e5ae5d
```
#e5ae5d rgb(229,174,93)
```

Monochromatic Color

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

#d46022
```
#d46022 rgb(212,96,34)
```
#d46e22
```
#d46e22 rgb(212,110,34)
```
#d47d22
```
#d47d22 rgb(212,125,34)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#d49b22
```
#d49b22 rgb(212,155,34)
```
#d4aa22
```
#d4aa22 rgb(212,170,34)
```
#d4b922
```
#d4b922 rgb(212,185,34)
```

Similar Colors

Text with hexadecimal color #d48c22

This text has a font color of #d48c22.

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

#d48c22 background color

This paragraph has a background color of #d48c22.

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

#d48c22 border color

This element has a border color of #d48c22.

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

CSS codes

.text {color:#d48c22;}

.background {background-color:#d48c22;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1a1104
```
#1a1104 rgb(26,17,4)
```
#2b1c07
```
#2b1c07 rgb(43,28,7)
```
#3c280a
```
#3c280a rgb(60,40,10)
```
#4d330c
```
#4d330c rgb(77,51,12)
```
#5e3e0f
```
#5e3e0f rgb(94,62,15)
```
#6f4912
```
#6f4912 rgb(111,73,18)
```
#7f5414
```
#7f5414 rgb(127,84,20)
```
#905f17
```
#905f17 rgb(144,95,23)
```
#a16b1a
```
#a16b1a rgb(161,107,26)
```
#b2761d
```
#b2761d rgb(178,118,29)
```
#c3811f
```
#c3811f rgb(195,129,31)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```

Shade Color Variation

#dd962c
```
#dd962c rgb(221,150,44)
```
#e09e3d
```
#e09e3d rgb(224,158,61)
```
#e3a74e
```
#e3a74e rgb(227,167,78)
```
#e5af5f
```
#e5af5f rgb(229,175,95)
```
#e8b870
```
#e8b870 rgb(232,184,112)
```
#ebc081
```
#ebc081 rgb(235,192,129)
```
#edc892
```
#edc892 rgb(237,200,146)
```
#f0d1a3
```
#f0d1a3 rgb(240,209,163)
```
#f3d9b4
```
#f3d9b4 rgb(243,217,180)
```
#f6e2c5
```
#f6e2c5 rgb(246,226,197)
```
#f8ead5
```
#f8ead5 rgb(248,234,213)
```
#fbf3e6
```
#fbf3e6 rgb(251,243,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#7f7c77
```
#7f7c77 rgb(127,124,119)
```
#887e6e
```
#887e6e rgb(136,126,110)
```
#927f64
```
#927f64 rgb(146,127,100)
```
#9b815b
```
#9b815b rgb(155,129,91)
```
#a58351
```
#a58351 rgb(165,131,81)
```
#ae8548
```
#ae8548 rgb(174,133,72)
```
#b8873e
```
#b8873e rgb(184,135,62)
```
#c18835
```
#c18835 rgb(193,136,53)
```
#cb8a2b
```
#cb8a2b rgb(203,138,43)
```
#d48c22
```
#d48c22 rgb(212,140,34)
```
#dd8e19
```
#dd8e19 rgb(221,142,25)
```
#e7900f
```
#e7900f rgb(231,144,15)
```
#f09106
```
#f09106 rgb(240,145,6)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a2937e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a031 Protanopia 1% of men
#c79829 Deuteranopia 1% of men
#dc8892 Tritanopia 0.001% of the population

Trichromacy

#bf992b Protanomaly 1% of men, 0.01% of women
#cc9426 Deuteranomaly 6% of men, 0.4% of women
#d98969 Tritanomaly 0.01% of the population

#d48c22 hex color

#d48c22 Color Information

#d48c22 Color Conversion

Color Schemes with #d48c22

Alternatives to #d48c22

#d48c22 Preview

Shades and Tints of #d48c22

Tones of #d48c22

Color Blindness Simulator