#d18f2f hex color

In a RGB color space, hex #d18f2f is composed of 82% red, 56.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.6% magenta, 77.5% yellow and 18% black. It has a hue angle of 35.6 degrees, a saturation of 63.8% and a lightness of 50.2%. #d18f2f color hex could be obtained by blending #ffff5e with #a31f00. Closest websafe color is: #cc9933.

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

● #d18f2f color description : Strong orange.

The hexadecimal color #d18f2f has RGB values of R:209, G:143, B:47 and CMYK values of C:0, M:0.32, Y:0.78, K:0.18. Its decimal value is 13733679.

Hex triplet	d18f2f	`#d18f2f`
RGB Decimal	209, 143, 47	`rgb(209,143,47)`
RGB Percent	82, 56.1, 18.4	`rgb(82%,56.1%,18.4%)`
CMYK	0, 32, 78, 18
HSL	35.6°, 63.8, 50.2	`hsl(35.6,63.8%,50.2%)`
HSV (or HSB)	35.6°, 77.5, 82
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.49, 16.926, 57.868
XYZ	36.631, 33.408, 7.208
xyY	0.474, 0.432, 33.408
CIE-LCH	64.49, 60.293, 73.696
CIE-LUV	64.49, 53.741, 57.996
Hunter-Lab	57.8, 11.977, 33.065
Binary	11010001, 10001111, 00101111

#d18f2f
```
#d18f2f rgb(209,143,47)
```
#2f71d1
```
#2f71d1 rgb(47,113,209)
```

Complementary Color

#d13e2f
```
#d13e2f rgb(209,62,47)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#c2d12f
```
#c2d12f rgb(194,209,47)
```

Analogous Color

#3e2fd1
```
#3e2fd1 rgb(62,47,209)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#2fc2d1
```
#2fc2d1 rgb(47,194,209)
```

Split Complementary Color

#8f2fd1
```
#8f2fd1 rgb(143,47,209)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#2fd18f
```
#2fd18f rgb(47,209,143)
```

Triadic Color

#d12f71
```
#d12f71 rgb(209,47,113)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#2fd18f
```
#2fd18f rgb(47,209,143)
```
#2f71d1
```
#2f71d1 rgb(47,113,209)
```

Tetradic Color

#936421
```
#936421 rgb(147,100,33)
```
#a87325
```
#a87325 rgb(168,115,37)
```
#bd812a
```
#bd812a rgb(189,129,42)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#d69a44
```
#d69a44 rgb(214,154,68)
```
#daa559
```
#daa559 rgb(218,165,89)
```
#dfb16e
```
#dfb16e rgb(223,177,110)
```

Monochromatic Color

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

#d1672f
```
#d1672f rgb(209,103,47)
```
#d1742f
```
#d1742f rgb(209,116,47)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#d19d2f
```
#d19d2f rgb(209,157,47)
```
#d1aa2f
```
#d1aa2f rgb(209,170,47)
```
#d1b82f
```
#d1b82f rgb(209,184,47)
```

Similar Colors

Text with hexadecimal color #d18f2f

This text has a font color of #d18f2f.

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

#d18f2f background color

This paragraph has a background color of #d18f2f.

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

#d18f2f border color

This element has a border color of #d18f2f.

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

CSS codes

.text {color:#d18f2f;}

.background {background-color:#d18f2f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#211607
```
#211607 rgb(33,22,7)
```
#31210b
```
#31210b rgb(49,33,11)
```
#412c0e
```
#412c0e rgb(65,44,14)
```
#513712
```
#513712 rgb(81,55,18)
```
#614215
```
#614215 rgb(97,66,21)
```
#714d19
```
#714d19 rgb(113,77,25)
```
#81581d
```
#81581d rgb(129,88,29)
```
#916320
```
#916320 rgb(145,99,32)
```
#a16e24
```
#a16e24 rgb(161,110,36)
```
#b27927
```
#b27927 rgb(178,121,39)
```
#c2842b
```
#c2842b rgb(194,132,43)
```

Shade Color Variation

#d18f2f
```
#d18f2f rgb(209,143,47)
```
#d5983f
```
#d5983f rgb(213,152,63)
```
#d8a04f
```
#d8a04f rgb(216,160,79)
```
#dca95f
```
#dca95f rgb(220,169,95)
```
#dfb26f
```
#dfb26f rgb(223,178,111)
```
#e3ba7f
```
#e3ba7f rgb(227,186,127)
```
#e6c38f
```
#e6c38f rgb(230,195,143)
```
#eacc9f
```
#eacc9f rgb(234,204,159)
```
#edd4b0
```
#edd4b0 rgb(237,212,176)
```
#f1ddc0
```
#f1ddc0 rgb(241,221,192)
```
#f5e5d0
```
#f5e5d0 rgb(245,229,208)
```
#f8eee0
```
#f8eee0 rgb(248,238,224)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#83817d
```
#83817d rgb(131,129,125)
```
#8d8273
```
#8d8273 rgb(141,130,115)
```
#96846a
```
#96846a rgb(150,132,106)
```
#a08660
```
#a08660 rgb(160,134,96)
```
#aa8856
```
#aa8856 rgb(170,136,86)
```
#b48a4c
```
#b48a4c rgb(180,138,76)
```
#bd8b43
```
#bd8b43 rgb(189,139,67)
```
#c78d39
```
#c78d39 rgb(199,141,57)
```
#d18f2f
```
#d18f2f rgb(209,143,47)
```
#db9125
```
#db9125 rgb(219,145,37)
```
#e5931b
```
#e5931b rgb(229,147,27)
```
#ee9412
```
#ee9412 rgb(238,148,18)
```
#f89608
```
#f89608 rgb(248,150,8)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a39683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a13d Protanopia 1% of men
#c89937 Deuteranopia 1% of men
#d98b95 Tritanopia 0.001% of the population

Trichromacy

#be9a38 Protanomaly 1% of men, 0.01% of women
#cb9534 Deuteranomaly 6% of men, 0.4% of women
#d68d70 Tritanomaly 0.01% of the population

#d18f2f hex color

#d18f2f Color Information

#d18f2f Color Conversion

Color Schemes with #d18f2f

Alternatives to #d18f2f

#d18f2f Preview

Shades and Tints of #d18f2f

Tones of #d18f2f

Color Blindness Simulator