#d18218 hex color

In a RGB color space, hex #d18218 is composed of 82% red, 51% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.8% magenta, 88.5% yellow and 18% black. It has a hue angle of 34.4 degrees, a saturation of 79.4% and a lightness of 45.7%. #d18218 color hex could be obtained by blending #ffff30 with #a30500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 82
- G 51
- B 9
RGB color chart
- C 0
- M 38
- Y 89
- K 18
CMYK color chart

● #d18218 color description : Strong orange.

The hexadecimal color #d18218 has RGB values of R:209, G:130, B:24 and CMYK values of C:0, M:0.38, Y:0.89, K:0.18. Its decimal value is 13730328.

Hex triplet	d18218	`#d18218`
RGB Decimal	209, 130, 24	`rgb(209,130,24)`
RGB Percent	82, 51, 9.4	`rgb(82%,51%,9.4%)`
CMYK	0, 38, 89, 18
HSL	34.4°, 79.4, 45.7	`hsl(34.4,79.4%,45.7%)`
HSV (or HSB)	34.4°, 88.5, 82
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.298, 23.29, 62.81
XYZ	34.443, 29.589, 4.761
xyY	0.501, 0.43, 29.589
CIE-LCH	61.298, 66.989, 69.656
CIE-LUV	61.298, 65.235, 57.62
Hunter-Lab	54.396, 17.832, 32.887
Binary	11010001, 10000010, 00011000

#d18218
```
#d18218 rgb(209,130,24)
```
#1867d1
```
#1867d1 rgb(24,103,209)
```

Complementary Color

#d12618
```
#d12618 rgb(209,38,24)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#c4d118
```
#c4d118 rgb(196,209,24)
```

Analogous Color

#2618d1
```
#2618d1 rgb(38,24,209)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#18c4d1
```
#18c4d1 rgb(24,196,209)
```

Split Complementary Color

#8218d1
```
#8218d1 rgb(130,24,209)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#18d182
```
#18d182 rgb(24,209,130)
```

Triadic Color

#d11867
```
#d11867 rgb(209,24,103)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#18d182
```
#18d182 rgb(24,209,130)
```
#1867d1
```
#1867d1 rgb(24,103,209)
```

Tetradic Color

#8c5710
```
#8c5710 rgb(140,87,16)
```
#a36613
```
#a36613 rgb(163,102,19)
```
#ba7415
```
#ba7415 rgb(186,116,21)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#e5901d
```
#e5901d rgb(229,144,29)
```
#e89b34
```
#e89b34 rgb(232,155,52)
```
#eaa64b
```
#eaa64b rgb(234,166,75)
```

Monochromatic Color

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

#d15418
```
#d15418 rgb(209,84,24)
```
#d16318
```
#d16318 rgb(209,99,24)
```
#d17318
```
#d17318 rgb(209,115,24)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#d19118
```
#d19118 rgb(209,145,24)
```
#d1a118
```
#d1a118 rgb(209,161,24)
```
#d1b018
```
#d1b018 rgb(209,176,24)
```

Similar Colors

Text with hexadecimal color #d18218

This text has a font color of #d18218.

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

#d18218 background color

This paragraph has a background color of #d18218.

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

#d18218 border color

This element has a border color of #d18218.

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

CSS codes

.text {color:#d18218;}

.background {background-color:#d18218;}

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

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, #0f0a02 is the darkest color, while #fffefd is the lightest one.

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#211504
```
#211504 rgb(33,21,4)
```
#332006
```
#332006 rgb(51,32,6)
```
#442a08
```
#442a08 rgb(68,42,8)
```
#56350a
```
#56350a rgb(86,53,10)
```
#67400c
```
#67400c rgb(103,64,12)
```
#794b0e
```
#794b0e rgb(121,75,14)
```
#8b5610
```
#8b5610 rgb(139,86,16)
```
#9c6112
```
#9c6112 rgb(156,97,18)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#bf7716
```
#bf7716 rgb(191,119,22)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#e38d1a
```
#e38d1a rgb(227,141,26)
```

Shade Color Variation

#e7962a
```
#e7962a rgb(231,150,42)
```
#e99f3b
```
#e99f3b rgb(233,159,59)
```
#eba74d
```
#eba74d rgb(235,167,77)
```
#edb05f
```
#edb05f rgb(237,176,95)
```
#efb970
```
#efb970 rgb(239,185,112)
```
#f1c182
```
#f1c182 rgb(241,193,130)
```
#f3ca93
```
#f3ca93 rgb(243,202,147)
```
#f5d3a5
```
#f5d3a5 rgb(245,211,165)
```
#f7dbb6
```
#f7dbb6 rgb(247,219,182)
```
#f9e4c8
```
#f9e4c8 rgb(249,228,200)
```
#fbedda
```
#fbedda rgb(251,237,218)
```
#fdf5eb
```
#fdf5eb rgb(253,245,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#777572
```
#777572 rgb(119,117,114)
```
#807669
```
#807669 rgb(128,118,105)
```
#897860
```
#897860 rgb(137,120,96)
```
#927957
```
#927957 rgb(146,121,87)
```
#9b7a4e
```
#9b7a4e rgb(155,122,78)
```
#a47b45
```
#a47b45 rgb(164,123,69)
```
#ad7d3c
```
#ad7d3c rgb(173,125,60)
```
#b67e33
```
#b67e33 rgb(182,126,51)
```
#bf7f2a
```
#bf7f2a rgb(191,127,42)
```
#c88121
```
#c88121 rgb(200,129,33)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#da830f
```
#da830f rgb(218,131,15)
```
#e38506
```
#e38506 rgb(227,133,6)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9b8c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9928 Protanopia 1% of men
#bf921c Deuteranopia 1% of men
#d87f88 Tritanopia 0.001% of the population

Trichromacy

#b99122 Protanomaly 1% of men, 0.01% of women
#c68c1b Deuteranomaly 6% of men, 0.4% of women
#d5805f Tritanomaly 0.01% of the population

#d18218 hex color

#d18218 Color Information

#d18218 Color Conversion

Color Schemes with #d18218

Alternatives to #d18218

#d18218 Preview

Shades and Tints of #d18218

Tones of #d18218

Color Blindness Simulator