#d18e1f hex color

In a RGB color space, hex #d18e1f is composed of 82% red, 55.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 85.2% yellow and 18% black. It has a hue angle of 37.4 degrees, a saturation of 74.2% and a lightness of 47.1%. #d18e1f color hex could be obtained by blending #ffff3e with #a31d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 82
- G 56
- B 12
RGB color chart
- C 0
- M 32
- Y 85
- K 18
CMYK color chart

● #d18e1f color description : Strong orange.

The hexadecimal color #d18e1f has RGB values of R:209, G:142, B:31 and CMYK values of C:0, M:0.32, Y:0.85, K:0.18. Its decimal value is 13733407.

Hex triplet	d18e1f	`#d18e1f`
RGB Decimal	209, 142, 31	`rgb(209,142,31)`
RGB Percent	82, 55.7, 12.2	`rgb(82%,55.7%,12.2%)`
CMYK	0, 32, 85, 18
HSL	37.4°, 74.2, 47.1	`hsl(37.4,74.2%,47.1%)`
HSV (or HSB)	37.4°, 85.2, 82
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.163, 16.954, 63.137
XYZ	36.216, 33.003, 5.759
xyY	0.483, 0.44, 33.003
CIE-LCH	64.163, 65.374, 74.969
CIE-LUV	64.163, 55.262, 61.017
Hunter-Lab	57.448, 11.994, 34.27
Binary	11010001, 10001110, 00011111

#d18e1f
```
#d18e1f rgb(209,142,31)
```
#1f62d1
```
#1f62d1 rgb(31,98,209)
```

Complementary Color

#d1351f
```
#d1351f rgb(209,53,31)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#bbd11f
```
#bbd11f rgb(187,209,31)
```

Analogous Color

#351fd1
```
#351fd1 rgb(53,31,209)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#1fbbd1
```
#1fbbd1 rgb(31,187,209)
```

Split Complementary Color

#8e1fd1
```
#8e1fd1 rgb(142,31,209)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#1fd18e
```
#1fd18e rgb(31,209,142)
```

Triadic Color

#d11f62
```
#d11f62 rgb(209,31,98)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#1fd18e
```
#1fd18e rgb(31,209,142)
```
#1f62d1
```
#1f62d1 rgb(31,98,209)
```

Tetradic Color

#8e6115
```
#8e6115 rgb(142,97,21)
```
#a57018
```
#a57018 rgb(165,112,24)
```
#bb7f1c
```
#bb7f1c rgb(187,127,28)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#df9b2a
```
#df9b2a rgb(223,155,42)
```
#e3a640
```
#e3a640 rgb(227,166,64)
```
#e6b056
```
#e6b056 rgb(230,176,86)
```

Monochromatic Color

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

#d1621f
```
#d1621f rgb(209,98,31)
```
#d1701f
```
#d1701f rgb(209,112,31)
```
#d17f1f
```
#d17f1f rgb(209,127,31)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#d19d1f
```
#d19d1f rgb(209,157,31)
```
#d1ac1f
```
#d1ac1f rgb(209,172,31)
```
#d1bb1f
```
#d1bb1f rgb(209,187,31)
```

Similar Colors

Text with hexadecimal color #d18e1f

This text has a font color of #d18e1f.

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

#d18e1f background color

This paragraph has a background color of #d18e1f.

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

#d18e1f border color

This element has a border color of #d18e1f.

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

CSS codes

.text {color:#d18e1f;}

.background {background-color:#d18e1f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#150e03
```
#150e03 rgb(21,14,3)
```
#261a06
```
#261a06 rgb(38,26,6)
```
#372608
```
#372608 rgb(55,38,8)
```
#48310b
```
#48310b rgb(72,49,11)
```
#593d0d
```
#593d0d rgb(89,61,13)
```
#6b4810
```
#6b4810 rgb(107,72,16)
```
#7c5412
```
#7c5412 rgb(124,84,18)
```
#8d6015
```
#8d6015 rgb(141,96,21)
```
#9e6b17
```
#9e6b17 rgb(158,107,23)
```
#af771a
```
#af771a rgb(175,119,26)
```
#c0821c
```
#c0821c rgb(192,130,28)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```

Shade Color Variation

#df9925
```
#df9925 rgb(223,153,37)
```
#e1a136
```
#e1a136 rgb(225,161,54)
```
#e4a947
```
#e4a947 rgb(228,169,71)
```
#e6b158
```
#e6b158 rgb(230,177,88)
```
#e9b969
```
#e9b969 rgb(233,185,105)
```
#ebc17a
```
#ebc17a rgb(235,193,122)
```
#eec98b
```
#eec98b rgb(238,201,139)
```
#f0d19d
```
#f0d19d rgb(240,209,157)
```
#f3d9ae
```
#f3d9ae rgb(243,217,174)
```
#f5e1bf
```
#f5e1bf rgb(245,225,191)
```
#f8e9d0
```
#f8e9d0 rgb(248,233,208)
```
#fbf1e1
```
#fbf1e1 rgb(251,241,225)
```
#fdf9f2
```
#fdf9f2 rgb(253,249,242)
```

Tint Color Variation

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

#7e7972
```
#7e7972 rgb(126,121,114)
```
#877c69
```
#877c69 rgb(135,124,105)
```
#907e60
```
#907e60 rgb(144,126,96)
```
#9a8056
```
#9a8056 rgb(154,128,86)
```
#a3834d
```
#a3834d rgb(163,131,77)
```
#ac8544
```
#ac8544 rgb(172,133,68)
```
#b5873b
```
#b5873b rgb(181,135,59)
```
#bf8931
```
#bf8931 rgb(191,137,49)
```
#c88c28
```
#c88c28 rgb(200,140,40)
```
#d18e1f
```
#d18e1f rgb(209,142,31)
```
#da9016
```
#da9016 rgb(218,144,22)
```
#e3930d
```
#e3930d rgb(227,147,13)
```
#ed9503
```
#ed9503 rgb(237,149,3)
```

Tone Color Variation

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

Dichromacy

#b3a02e Protanopia 1% of men
#c89927 Deuteranopia 1% of men
#d98a93 Tritanopia 0.001% of the population

Trichromacy

#be9a28 Protanomaly 1% of men, 0.01% of women
#cb9524 Deuteranomaly 6% of men, 0.4% of women
#d68b69 Tritanomaly 0.01% of the population

#d18e1f hex color

#d18e1f Color Information

#d18e1f Color Conversion

Color Schemes with #d18e1f

Alternatives to #d18e1f

#d18e1f Preview

Shades and Tints of #d18e1f

Tones of #d18e1f

Color Blindness Simulator