#d49f22 hex color

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

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

● #d49f22 color description : Strong orange.

The hexadecimal color #d49f22 has RGB values of R:212, G:159, B:34 and CMYK values of C:0, M:0.25, Y:0.84, K:0.17. Its decimal value is 13934370.

Hex triplet	d49f22	`#d49f22`
RGB Decimal	212, 159, 34	`rgb(212,159,34)`
RGB Percent	83.1, 62.4, 13.3	`rgb(83.1%,62.4%,13.3%)`
CMYK	0, 25, 84, 17
HSL	42.1°, 72.4, 48.2	`hsl(42.1,72.4%,48.2%)`
HSV (or HSB)	42.1°, 84, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.687, 9.162, 66.176
XYZ	39.839, 38.911, 6.926
xyY	0.465, 0.454, 38.911
CIE-LCH	68.687, 66.807, 82.118
CIE-LUV	68.687, 44.2, 67.161
Hunter-Lab	62.379, 4.839, 37.082
Binary	11010100, 10011111, 00100010

#d49f22
```
#d49f22 rgb(212,159,34)
```
#2257d4
```
#2257d4 rgb(34,87,212)
```

Complementary Color

#d44622
```
#d44622 rgb(212,70,34)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#b0d422
```
#b0d422 rgb(176,212,34)
```

Analogous Color

#4622d4
```
#4622d4 rgb(70,34,212)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#22b0d4
```
#22b0d4 rgb(34,176,212)
```

Split Complementary Color

#9f22d4
```
#9f22d4 rgb(159,34,212)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#22d49f
```
#22d49f rgb(34,212,159)
```

Triadic Color

#d42257
```
#d42257 rgb(212,34,87)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#22d49f
```
#22d49f rgb(34,212,159)
```
#2257d4
```
#2257d4 rgb(34,87,212)
```

Tetradic Color

#926e17
```
#926e17 rgb(146,110,23)
```
#a87e1b
```
#a87e1b rgb(168,126,27)
```
#be8f1e
```
#be8f1e rgb(190,143,30)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#deab31
```
#deab31 rgb(222,171,49)
```
#e2b447
```
#e2b447 rgb(226,180,71)
```
#e5bd5d
```
#e5bd5d rgb(229,189,93)
```

Monochromatic Color

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

#d47322
```
#d47322 rgb(212,115,34)
```
#d48122
```
#d48122 rgb(212,129,34)
```
#d49022
```
#d49022 rgb(212,144,34)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#d4ae22
```
#d4ae22 rgb(212,174,34)
```
#d4bd22
```
#d4bd22 rgb(212,189,34)
```
#d4cc22
```
#d4cc22 rgb(212,204,34)
```

Similar Colors

Text with hexadecimal color #d49f22

This text has a font color of #d49f22.

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

#d49f22 background color

This paragraph has a background color of #d49f22.

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

#d49f22 border color

This element has a border color of #d49f22.

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

CSS codes

.text {color:#d49f22;}

.background {background-color:#d49f22;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1a1404
```
#1a1404 rgb(26,20,4)
```
#2b2007
```
#2b2007 rgb(43,32,7)
```
#3c2d0a
```
#3c2d0a rgb(60,45,10)
```
#4d3a0c
```
#4d3a0c rgb(77,58,12)
```
#5e460f
```
#5e460f rgb(94,70,15)
```
#6f5312
```
#6f5312 rgb(111,83,18)
```
#7f6014
```
#7f6014 rgb(127,96,20)
```
#906c17
```
#906c17 rgb(144,108,23)
```
#a1791a
```
#a1791a rgb(161,121,26)
```
#b2861d
```
#b2861d rgb(178,134,29)
```
#c3921f
```
#c3921f rgb(195,146,31)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```

Shade Color Variation

#dda92c
```
#dda92c rgb(221,169,44)
```
#e0b03d
```
#e0b03d rgb(224,176,61)
```
#e3b64e
```
#e3b64e rgb(227,182,78)
```
#e5bd5f
```
#e5bd5f rgb(229,189,95)
```
#e8c470
```
#e8c470 rgb(232,196,112)
```
#ebcb81
```
#ebcb81 rgb(235,203,129)
```
#edd292
```
#edd292 rgb(237,210,146)
```
#f0d9a3
```
#f0d9a3 rgb(240,217,163)
```
#f3e0b4
```
#f3e0b4 rgb(243,224,180)
```
#f6e7c5
```
#f6e7c5 rgb(246,231,197)
```
#f8eed5
```
#f8eed5 rgb(248,238,213)
```
#fbf5e6
```
#fbf5e6 rgb(251,245,230)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#7f7d77
```
#7f7d77 rgb(127,125,119)
```
#88806e
```
#88806e rgb(136,128,110)
```
#928464
```
#928464 rgb(146,132,100)
```
#9b885b
```
#9b885b rgb(155,136,91)
```
#a58c51
```
#a58c51 rgb(165,140,81)
```
#ae9048
```
#ae9048 rgb(174,144,72)
```
#b8943e
```
#b8943e rgb(184,148,62)
```
#c19735
```
#c19735 rgb(193,151,53)
```
#cb9b2b
```
#cb9b2b rgb(203,155,43)
```
#d49f22
```
#d49f22 rgb(212,159,34)
```
#dda319
```
#dda319 rgb(221,163,25)
```
#e7a70f
```
#e7a70f rgb(231,167,15)
```
#f0aa06
```
#f0aa06 rgb(240,170,6)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aba188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac2f Protanopia 1% of men
#d6a32d Deuteranopia 1% of men
#dd99a4 Tritanopia 0.001% of the population

Trichromacy

#c7a72a Protanomaly 1% of men, 0.01% of women
#d5a229 Deuteranomaly 6% of men, 0.4% of women
#da9b74 Tritanomaly 0.01% of the population

#d49f22 hex color

#d49f22 Color Information

#d49f22 Color Conversion

Color Schemes with #d49f22

Alternatives to #d49f22

#d49f22 Preview

Shades and Tints of #d49f22

Tones of #d49f22

Color Blindness Simulator