#d84018 hex color

In a RGB color space, hex #d84018 is composed of 84.7% red, 25.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 88.9% yellow and 15.3% black. It has a hue angle of 12.5 degrees, a saturation of 80% and a lightness of 47.1%. #d84018 color hex could be obtained by blending #ff8030 with #b10000. Closest websafe color is: #cc3300.

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

● #d84018 color description : Strong red.

The hexadecimal color #d84018 has RGB values of R:216, G:64, B:24 and CMYK values of C:0, M:0.7, Y:0.89, K:0.15. Its decimal value is 14172184.

Hex triplet	d84018	`#d84018`
RGB Decimal	216, 64, 24	`rgb(216,64,24)`
RGB Percent	84.7, 25.1, 9.4	`rgb(84.7%,25.1%,9.4%)`
CMYK	0, 70, 89, 15
HSL	12.5°, 80, 47.1	`hsl(12.5,80%,47.1%)`
HSV (or HSB)	12.5°, 88.9, 84.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.9, 57.581, 54.541
XYZ	30.319, 18.335, 2.807
xyY	0.589, 0.356, 18.335
CIE-LCH	49.9, 79.311, 43.447
CIE-LUV	49.9, 122.391, 37.356
Hunter-Lab	42.82, 51.453, 26.087
Binary	11011000, 01000000, 00011000

#d84018
```
#d84018 rgb(216,64,24)
```
#18b0d8
```
#18b0d8 rgb(24,176,216)
```

Complementary Color

#d81850
```
#d81850 rgb(216,24,80)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#d8a018
```
#d8a018 rgb(216,160,24)
```

Analogous Color

#1850d8
```
#1850d8 rgb(24,80,216)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#18d8a0
```
#18d8a0 rgb(24,216,160)
```

Split Complementary Color

#4018d8
```
#4018d8 rgb(64,24,216)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#18d840
```
#18d840 rgb(24,216,64)
```

Triadic Color

#d818b0
```
#d818b0 rgb(216,24,176)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#18d840
```
#18d840 rgb(24,216,64)
```
#18b0d8
```
#18b0d8 rgb(24,176,216)
```

Tetradic Color

#932c10
```
#932c10 rgb(147,44,16)
```
#aa3213
```
#aa3213 rgb(170,50,19)
```
#c13915
```
#c13915 rgb(193,57,21)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#e74c23
```
#e74c23 rgb(231,76,35)
```
#e95e3a
```
#e95e3a rgb(233,94,58)
```
#ec7151
```
#ec7151 rgb(236,113,81)
```

Monochromatic Color

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

#d81820
```
#d81820 rgb(216,24,32)
```
#d82018
```
#d82018 rgb(216,32,24)
```
#d83018
```
#d83018 rgb(216,48,24)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#d85018
```
#d85018 rgb(216,80,24)
```
#d86018
```
#d86018 rgb(216,96,24)
```
#d87018
```
#d87018 rgb(216,112,24)
```

Similar Colors

Text with hexadecimal color #d84018

This text has a font color of #d84018.

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

#d84018 background color

This paragraph has a background color of #d84018.

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

#d84018 border color

This element has a border color of #d84018.

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

CSS codes

.text {color:#d84018;}

.background {background-color:#d84018;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160602
```
#160602 rgb(22,6,2)
```
#270c04
```
#270c04 rgb(39,12,4)
```
#391106
```
#391106 rgb(57,17,6)
```
#4b1608
```
#4b1608 rgb(75,22,8)
```
#5c1b0a
```
#5c1b0a rgb(92,27,10)
```
#6e210c
```
#6e210c rgb(110,33,12)
```
#80260e
```
#80260e rgb(128,38,14)
```
#912b10
```
#912b10 rgb(145,43,16)
```
#a33012
```
#a33012 rgb(163,48,18)
```
#b53614
```
#b53614 rgb(181,54,20)
```
#c63b16
```
#c63b16 rgb(198,59,22)
```
#d84018
```
#d84018 rgb(216,64,24)
```

Shade Color Variation

#e6471e
```
#e6471e rgb(230,71,30)
```
#e8562f
```
#e8562f rgb(232,86,47)
```
#ea6441
```
#ea6441 rgb(234,100,65)
```
#ec7353
```
#ec7353 rgb(236,115,83)
```
#ee8164
```
#ee8164 rgb(238,129,100)
```
#f08f76
```
#f08f76 rgb(240,143,118)
```
#f29e88
```
#f29e88 rgb(242,158,136)
```
#f4ac99
```
#f4ac99 rgb(244,172,153)
```
#f6baab
```
#f6baab rgb(246,186,171)
```
#f8c9bd
```
#f8c9bd rgb(248,201,189)
```
#fad7ce
```
#fad7ce rgb(250,215,206)
```
#fce6e0
```
#fce6e0 rgb(252,230,224)
```
#fef4f2
```
#fef4f2 rgb(254,244,242)
```

Tint Color Variation

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

#7c7674
```
#7c7674 rgb(124,118,116)
```
#85706b
```
#85706b rgb(133,112,107)
```
#8e6b62
```
#8e6b62 rgb(142,107,98)
```
#976659
```
#976659 rgb(151,102,89)
```
#a1604f
```
#a1604f rgb(161,96,79)
```
#aa5b46
```
#aa5b46 rgb(170,91,70)
```
#b3563d
```
#b3563d rgb(179,86,61)
```
#bc5034
```
#bc5034 rgb(188,80,52)
```
#c64b2a
```
#c64b2a rgb(198,75,42)
```
#cf4521
```
#cf4521 rgb(207,69,33)
```
#d84018
```
#d84018 rgb(216,64,24)
```
#e13b0f
```
#e13b0f rgb(225,59,15)
```
#ea3506
```
#ea3506 rgb(234,53,6)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7f6159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d30 Protanopia 1% of men
#9d7700 Deuteranopia 1% of men
#da4649 Tritanopia 0.001% of the population

Trichromacy

#a76727 Protanomaly 1% of men, 0.01% of women
#b26308 Deuteranomaly 6% of men, 0.4% of women
#d94337 Tritanomaly 0.01% of the population

#d84018 hex color

#d84018 Color Information

#d84018 Color Conversion

Color Schemes with #d84018

Alternatives to #d84018

#d84018 Preview

Shades and Tints of #d84018

Tones of #d84018

Color Blindness Simulator