#d49f18 hex color

In a RGB color space, hex #d49f18 is composed of 83.1% red, 62.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 88.7% yellow and 16.9% black. It has a hue angle of 43.1 degrees, a saturation of 79.7% and a lightness of 46.3%. #d49f18 color hex could be obtained by blending #ffff30 with #a93f00. Closest websafe color is: #cc9900.

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

● #d49f18 color description : Strong orange.

The hexadecimal color #d49f18 has RGB values of R:212, G:159, B:24 and CMYK values of C:0, M:0.25, Y:0.89, K:0.17. Its decimal value is 13934360.

Hex triplet	d49f18	`#d49f18`
RGB Decimal	212, 159, 24	`rgb(212,159,24)`
RGB Percent	83.1, 62.4, 9.4	`rgb(83.1%,62.4%,9.4%)`
CMYK	0, 25, 89, 17
HSL	43.1°, 79.7, 46.3	`hsl(43.1,79.7%,46.3%)`
HSV (or HSB)	43.1°, 88.7, 83.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.651, 8.929, 68.703
XYZ	39.715, 38.861, 6.273
xyY	0.468, 0.458, 38.861
CIE-LCH	68.651, 69.281, 82.595
CIE-LUV	68.651, 44.459, 68.64
Hunter-Lab	62.339, 4.626, 37.671
Binary	11010100, 10011111, 00011000

#d49f18
```
#d49f18 rgb(212,159,24)
```
#184dd4
```
#184dd4 rgb(24,77,212)
```

Complementary Color

#d44118
```
#d44118 rgb(212,65,24)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#abd418
```
#abd418 rgb(171,212,24)
```

Analogous Color

#4118d4
```
#4118d4 rgb(65,24,212)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#18abd4
```
#18abd4 rgb(24,171,212)
```

Split Complementary Color

#9f18d4
```
#9f18d4 rgb(159,24,212)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#18d49f
```
#18d49f rgb(24,212,159)
```

Triadic Color

#d4184d
```
#d4184d rgb(212,24,77)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#18d49f
```
#18d49f rgb(24,212,159)
```
#184dd4
```
#184dd4 rgb(24,77,212)
```

Tetradic Color

#8f6b10
```
#8f6b10 rgb(143,107,16)
```
#a67d13
```
#a67d13 rgb(166,125,19)
```
#bd8e15
```
#bd8e15 rgb(189,142,21)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#e6ae20
```
#e6ae20 rgb(230,174,32)
```
#e8b637
```
#e8b637 rgb(232,182,55)
```
#ebbf4e
```
#ebbf4e rgb(235,191,78)
```

Monochromatic Color

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

#d47018
```
#d47018 rgb(212,112,24)
```
#d48018
```
#d48018 rgb(212,128,24)
```
#d48f18
```
#d48f18 rgb(212,143,24)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#d4af18
```
#d4af18 rgb(212,175,24)
```
#d4be18
```
#d4be18 rgb(212,190,24)
```
#d4ce18
```
#d4ce18 rgb(212,206,24)
```

Similar Colors

Text with hexadecimal color #d49f18

This text has a font color of #d49f18.

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

#d49f18 background color

This paragraph has a background color of #d49f18.

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

#d49f18 border color

This element has a border color of #d49f18.

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

CSS codes

.text {color:#d49f18;}

.background {background-color:#d49f18;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120e02
```
#120e02 rgb(18,14,2)
```
#241b04
```
#241b04 rgb(36,27,4)
```
#352806
```
#352806 rgb(53,40,6)
```
#473508
```
#473508 rgb(71,53,8)
```
#59420a
```
#59420a rgb(89,66,10)
```
#6a500c
```
#6a500c rgb(106,80,12)
```
#7c5d0e
```
#7c5d0e rgb(124,93,14)
```
#8e6a10
```
#8e6a10 rgb(142,106,16)
```
#9f7712
```
#9f7712 rgb(159,119,18)
```
#b18514
```
#b18514 rgb(177,133,20)
```
#c29216
```
#c29216 rgb(194,146,22)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```

Shade Color Variation

#e5ac1a
```
#e5ac1a rgb(229,172,26)
```
#e7b22c
```
#e7b22c rgb(231,178,44)
```
#e9b93e
```
#e9b93e rgb(233,185,62)
```
#ebbf4f
```
#ebbf4f rgb(235,191,79)
```
#edc661
```
#edc661 rgb(237,198,97)
```
#efcc73
```
#efcc73 rgb(239,204,115)
```
#f1d284
```
#f1d284 rgb(241,210,132)
```
#f3d996
```
#f3d996 rgb(243,217,150)
```
#f5dfa7
```
#f5dfa7 rgb(245,223,167)
```
#f7e6b9
```
#f7e6b9 rgb(247,230,185)
```
#f9eccb
```
#f9eccb rgb(249,236,203)
```
#fbf2dc
```
#fbf2dc rgb(251,242,220)
```
#fdf9ee
```
#fdf9ee rgb(253,249,238)
```

Tint Color Variation

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

#797773
```
#797773 rgb(121,119,115)
```
#827b6a
```
#827b6a rgb(130,123,106)
```
#8b7f61
```
#8b7f61 rgb(139,127,97)
```
#948358
```
#948358 rgb(148,131,88)
```
#9e874e
```
#9e874e rgb(158,135,78)
```
#a78b45
```
#a78b45 rgb(167,139,69)
```
#b08f3c
```
#b08f3c rgb(176,143,60)
```
#b99333
```
#b99333 rgb(185,147,51)
```
#c2972a
```
#c2972a rgb(194,151,42)
```
#cb9b21
```
#cb9b21 rgb(203,155,33)
```
#d49f18
```
#d49f18 rgb(212,159,24)
```
#dda30f
```
#dda30f rgb(221,163,15)
```
#e6a706
```
#e6a706 rgb(230,167,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#aa9f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac26 Protanopia 1% of men
#d6a324 Deuteranopia 1% of men
#de99a3 Tritanopia 0.001% of the population

Trichromacy

#c7a721 Protanomaly 1% of men, 0.01% of women
#d5a21f Deuteranomaly 6% of men, 0.4% of women
#da9b71 Tritanomaly 0.01% of the population

#d49f18 hex color

#d49f18 Color Information

#d49f18 Color Conversion

Color Schemes with #d49f18

Alternatives to #d49f18

#d49f18 Preview

Shades and Tints of #d49f18

Tones of #d49f18

Color Blindness Simulator