#d48522 hex color

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

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

● #d48522 color description : Strong orange.

The hexadecimal color #d48522 has RGB values of R:212, G:133, B:34 and CMYK values of C:0, M:0.37, Y:0.84, K:0.17. Its decimal value is 13927714.

Hex triplet	d48522	`#d48522`
RGB Decimal	212, 133, 34	`rgb(212,133,34)`
RGB Percent	83.1, 52.2, 13.3	`rgb(83.1%,52.2%,13.3%)`
CMYK	0, 37, 84, 17
HSL	33.4°, 72.4, 48.2	`hsl(33.4,72.4%,48.2%)`
HSV (or HSB)	33.4°, 84, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.415, 23.193, 60.87
XYZ	35.829, 30.89, 5.589
xyY	0.496, 0.427, 30.89
CIE-LCH	62.415, 65.139, 69.142
CIE-LUV	62.415, 64.854, 57.204
Hunter-Lab	55.579, 17.806, 32.943
Binary	11010100, 10000101, 00100010

#d48522
```
#d48522 rgb(212,133,34)
```
#2271d4
```
#2271d4 rgb(34,113,212)
```

Complementary Color

#d42c22
```
#d42c22 rgb(212,44,34)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#cad422
```
#cad422 rgb(202,212,34)
```

Analogous Color

#2c22d4
```
#2c22d4 rgb(44,34,212)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#22cad4
```
#22cad4 rgb(34,202,212)
```

Split Complementary Color

#8522d4
```
#8522d4 rgb(133,34,212)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#22d485
```
#22d485 rgb(34,212,133)
```

Triadic Color

#d42271
```
#d42271 rgb(212,34,113)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#22d485
```
#22d485 rgb(34,212,133)
```
#2271d4
```
#2271d4 rgb(34,113,212)
```

Tetradic Color

#925c17
```
#925c17 rgb(146,92,23)
```
#a8691b
```
#a8691b rgb(168,105,27)
```
#be771e
```
#be771e rgb(190,119,30)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#de9131
```
#de9131 rgb(222,145,49)
```
#e29d47
```
#e29d47 rgb(226,157,71)
```
#e5a95d
```
#e5a95d rgb(229,169,93)
```

Monochromatic Color

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

#d45922
```
#d45922 rgb(212,89,34)
```
#d46722
```
#d46722 rgb(212,103,34)
```
#d47622
```
#d47622 rgb(212,118,34)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#d49422
```
#d49422 rgb(212,148,34)
```
#d4a322
```
#d4a322 rgb(212,163,34)
```
#d4b222
```
#d4b222 rgb(212,178,34)
```

Similar Colors

Text with hexadecimal color #d48522

This text has a font color of #d48522.

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

#d48522 background color

This paragraph has a background color of #d48522.

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

#d48522 border color

This element has a border color of #d48522.

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

CSS codes

.text {color:#d48522;}

.background {background-color:#d48522;}

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

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)
```
#1a1004
```
#1a1004 rgb(26,16,4)
```
#2b1b07
```
#2b1b07 rgb(43,27,7)
```
#3c260a
```
#3c260a rgb(60,38,10)
```
#4d300c
```
#4d300c rgb(77,48,12)
```
#5e3b0f
```
#5e3b0f rgb(94,59,15)
```
#6f4512
```
#6f4512 rgb(111,69,18)
```
#7f5014
```
#7f5014 rgb(127,80,20)
```
#905b17
```
#905b17 rgb(144,91,23)
```
#a1651a
```
#a1651a rgb(161,101,26)
```
#b2701d
```
#b2701d rgb(178,112,29)
```
#c37a1f
```
#c37a1f rgb(195,122,31)
```
#d48522
```
#d48522 rgb(212,133,34)
```

Shade Color Variation

#dd8f2c
```
#dd8f2c rgb(221,143,44)
```
#e0983d
```
#e0983d rgb(224,152,61)
```
#e3a14e
```
#e3a14e rgb(227,161,78)
```
#e5aa5f
```
#e5aa5f rgb(229,170,95)
```
#e8b370
```
#e8b370 rgb(232,179,112)
```
#ebbc81
```
#ebbc81 rgb(235,188,129)
```
#edc592
```
#edc592 rgb(237,197,146)
```
#f0cea3
```
#f0cea3 rgb(240,206,163)
```
#f3d7b4
```
#f3d7b4 rgb(243,215,180)
```
#f6e0c5
```
#f6e0c5 rgb(246,224,197)
```
#f8e9d5
```
#f8e9d5 rgb(248,233,213)
```
#fbf2e6
```
#fbf2e6 rgb(251,242,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#7f7b77
```
#7f7b77 rgb(127,123,119)
```
#887c6e
```
#887c6e rgb(136,124,110)
```
#927e64
```
#927e64 rgb(146,126,100)
```
#9b7f5b
```
#9b7f5b rgb(155,127,91)
```
#a58051
```
#a58051 rgb(165,128,81)
```
#ae8148
```
#ae8148 rgb(174,129,72)
```
#b8823e
```
#b8823e rgb(184,130,62)
```
#c18335
```
#c18335 rgb(193,131,53)
```
#cb842b
```
#cb842b rgb(203,132,43)
```
#d48522
```
#d48522 rgb(212,133,34)
```
#dd8619
```
#dd8619 rgb(221,134,25)
```
#e7870f
```
#e7870f rgb(231,135,15)
```
#f08806
```
#f08806 rgb(240,136,6)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9e8f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c31 Protanopia 1% of men
#c29428 Deuteranopia 1% of men
#db828b Tritanopia 0.001% of the population

Trichromacy

#bc942c Protanomaly 1% of men, 0.01% of women
#c98f26 Deuteranomaly 6% of men, 0.4% of women
#d88365 Tritanomaly 0.01% of the population

#d48522 hex color

#d48522 Color Information

#d48522 Color Conversion

Color Schemes with #d48522

Alternatives to #d48522

#d48522 Preview

Shades and Tints of #d48522

Tones of #d48522

Color Blindness Simulator