#d99f18 hex color

In a RGB color space, hex #d99f18 is composed of 85.1% red, 62.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 88.9% yellow and 14.9% black. It has a hue angle of 42 degrees, a saturation of 80.1% and a lightness of 47.3%. #d99f18 color hex could be obtained by blending #ffff30 with #b33f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 85
- G 62
- B 9
RGB color chart
- C 0
- M 27
- Y 89
- K 15
CMYK color chart

● #d99f18 color description : Vivid orange.

The hexadecimal color #d99f18 has RGB values of R:217, G:159, B:24 and CMYK values of C:0, M:0.27, Y:0.89, K:0.15. Its decimal value is 14262040.

Hex triplet	d99f18	`#d99f18`
RGB Decimal	217, 159, 24	`rgb(217,159,24)`
RGB Percent	85.1, 62.4, 9.4	`rgb(85.1%,62.4%,9.4%)`
CMYK	0, 27, 89, 15
HSL	42°, 80.1, 47.3	`hsl(42,80.1%,47.3%)`
HSV (or HSB)	42°, 88.9, 85.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.195, 11.119, 69.362
XYZ	41.179, 39.616, 6.342
xyY	0.473, 0.455, 39.616
CIE-LCH	69.195, 70.247, 80.893
CIE-LUV	69.195, 48.438, 68.786
Hunter-Lab	62.942, 6.635, 38.085
Binary	11011001, 10011111, 00011000

#d99f18
```
#d99f18 rgb(217,159,24)
```
#1852d9
```
#1852d9 rgb(24,82,217)
```

Complementary Color

#d93f18
```
#d93f18 rgb(217,63,24)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#b3d918
```
#b3d918 rgb(179,217,24)
```

Analogous Color

#3f18d9
```
#3f18d9 rgb(63,24,217)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#18b3d9
```
#18b3d9 rgb(24,179,217)
```

Split Complementary Color

#9f18d9
```
#9f18d9 rgb(159,24,217)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#18d99f
```
#18d99f rgb(24,217,159)
```

Triadic Color

#d91852
```
#d91852 rgb(217,24,82)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#18d99f
```
#18d99f rgb(24,217,159)
```
#1852d9
```
#1852d9 rgb(24,82,217)
```

Tetradic Color

#946d10
```
#946d10 rgb(148,109,16)
```
#ab7d13
```
#ab7d13 rgb(171,125,19)
```
#c28e15
```
#c28e15 rgb(194,142,21)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#e7ac24
```
#e7ac24 rgb(231,172,36)
```
#e9b53b
```
#e9b53b rgb(233,181,59)
```
#ecbe52
```
#ecbe52 rgb(236,190,82)
```

Monochromatic Color

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

#d96f18
```
#d96f18 rgb(217,111,24)
```
#d97f18
```
#d97f18 rgb(217,127,24)
```
#d98f18
```
#d98f18 rgb(217,143,24)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#d9af18
```
#d9af18 rgb(217,175,24)
```
#d9bf18
```
#d9bf18 rgb(217,191,24)
```
#d9cf18
```
#d9cf18 rgb(217,207,24)
```

Similar Colors

Text with hexadecimal color #d99f18

This text has a font color of #d99f18.

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

#d99f18 background color

This paragraph has a background color of #d99f18.

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

#d99f18 border color

This element has a border color of #d99f18.

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

CSS codes

.text {color:#d99f18;}

.background {background-color:#d99f18;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#171103
```
#171103 rgb(23,17,3)
```
#281e04
```
#281e04 rgb(40,30,4)
```
#3a2b06
```
#3a2b06 rgb(58,43,6)
```
#4c3708
```
#4c3708 rgb(76,55,8)
```
#5d440a
```
#5d440a rgb(93,68,10)
```
#6f510c
```
#6f510c rgb(111,81,12)
```
#815e0e
```
#815e0e rgb(129,94,14)
```
#926b10
```
#926b10 rgb(146,107,16)
```
#a47812
```
#a47812 rgb(164,120,18)
```
#b68514
```
#b68514 rgb(182,133,20)
```
#c79216
```
#c79216 rgb(199,146,22)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```

Shade Color Variation

#e6aa1e
```
#e6aa1e rgb(230,170,30)
```
#e8b130
```
#e8b130 rgb(232,177,48)
```
#eab742
```
#eab742 rgb(234,183,66)
```
#ecbe53
```
#ecbe53 rgb(236,190,83)
```
#eec565
```
#eec565 rgb(238,197,101)
```
#f0cc77
```
#f0cc77 rgb(240,204,119)
```
#f2d288
```
#f2d288 rgb(242,210,136)
```
#f4d99a
```
#f4d99a rgb(244,217,154)
```
#f6e0ac
```
#f6e0ac rgb(246,224,172)
```
#f8e6bd
```
#f8e6bd rgb(248,230,189)
```
#faedcf
```
#faedcf rgb(250,237,207)
```
#fcf4e1
```
#fcf4e1 rgb(252,244,225)
```
#fefaf2
```
#fefaf2 rgb(254,250,242)
```

Tint Color Variation

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

#7c7a75
```
#7c7a75 rgb(124,122,117)
```
#867e6b
```
#867e6b rgb(134,126,107)
```
#8f8162
```
#8f8162 rgb(143,129,98)
```
#988559
```
#988559 rgb(152,133,89)
```
#a18950
```
#a18950 rgb(161,137,80)
```
#ab8d46
```
#ab8d46 rgb(171,141,70)
```
#b4903d
```
#b4903d rgb(180,144,61)
```
#bd9434
```
#bd9434 rgb(189,148,52)
```
#c6982b
```
#c6982b rgb(198,152,43)
```
#d09b21
```
#d09b21 rgb(208,155,33)
```
#d99f18
```
#d99f18 rgb(217,159,24)
```
#e2a30f
```
#e2a30f rgb(226,163,15)
```
#eca605
```
#eca605 rgb(236,166,5)
```

Tone Color Variation

Below, you can see how #d99f18 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
#aca186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad26 Protanopia 1% of men
#d8a523 Deuteranopia 1% of men
#e299a3 Tritanopia 0.001% of the population

Trichromacy

#caa821 Protanomaly 1% of men, 0.01% of women
#d8a21f Deuteranomaly 6% of men, 0.4% of women
#df9b70 Tritanomaly 0.01% of the population

#d99f18 hex color

#d99f18 Color Information

#d99f18 Color Conversion

Color Schemes with #d99f18

Alternatives to #d99f18

#d99f18 Preview

Shades and Tints of #d99f18

Tones of #d99f18

Color Blindness Simulator