colorhexa.com

#d04318 hex color

In a RGB color space, hex #d04318 is composed of 81.6% red, 26.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 88.5% yellow and 18.4% black. It has a hue angle of 14 degrees, a saturation of 79.3% and a lightness of 45.5%. #d04318 color hex could be obtained by blending #ff8630 with #a10000. Closest websafe color is: #cc3300.

- R 82
- G 26
- B 9
RGB color chart
- C 0
- M 68
- Y 88
- K 18
CMYK color chart

● #d04318 color description : Strong red.

The hexadecimal color #d04318 has RGB values of R:208, G:67, B:24 and CMYK values of C:0, M:0.68, Y:0.88, K:0.18. Its decimal value is 13648664.

Hex triplet	d04318	`#d04318`
RGB Decimal	208, 67, 24	`rgb(208,67,24)`
RGB Percent	81.6, 26.3, 9.4	`rgb(81.6%,26.3%,9.4%)`
CMYK	0, 68, 88, 18
HSL	14°, 79.3, 45.5	`hsl(14,79.3%,45.5%)`
HSV (or HSB)	14°, 88.5, 81.6
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.876, 53.79, 53.129
XYZ	28.186, 17.493, 2.757
xyY	0.582, 0.361, 17.493
CIE-LCH	48.876, 75.604, 44.646
CIE-LUV	48.876, 113.993, 37.153
Hunter-Lab	41.825, 47.096, 25.37
Binary	11010000, 01000011, 00011000

#d04318
```
#d04318 rgb(208,67,24)
```
#18a5d0
```
#18a5d0 rgb(24,165,208)
```

Complementary Color

#d01849
```
#d01849 rgb(208,24,73)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#d09f18
```
#d09f18 rgb(208,159,24)
```

Analogous Color

#1849d0
```
#1849d0 rgb(24,73,208)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#18d09f
```
#18d09f rgb(24,208,159)
```

Split Complementary Color

#4318d0
```
#4318d0 rgb(67,24,208)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#18d043
```
#18d043 rgb(24,208,67)
```

Triadic Color

#d018a5
```
#d018a5 rgb(208,24,165)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#18d043
```
#18d043 rgb(24,208,67)
```
#18a5d0
```
#18a5d0 rgb(24,165,208)
```

Tetradic Color

#8b2d10
```
#8b2d10 rgb(139,45,16)
```
#a23413
```
#a23413 rgb(162,52,19)
```
#b93c15
```
#b93c15 rgb(185,60,21)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#e54b1d
```
#e54b1d rgb(229,75,29)
```
#e85e33
```
#e85e33 rgb(232,94,51)
```
#ea704a
```
#ea704a rgb(234,112,74)
```

Monochromatic Color

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

#d0181b
```
#d0181b rgb(208,24,27)
```
#d02418
```
#d02418 rgb(208,36,24)
```
#d03418
```
#d03418 rgb(208,52,24)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#d05218
```
#d05218 rgb(208,82,24)
```
#d06218
```
#d06218 rgb(208,98,24)
```
#d07118
```
#d07118 rgb(208,113,24)
```

Similar Colors

Text with hexadecimal color #d04318

This text has a font color of #d04318.

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

#d04318 background color

This paragraph has a background color of #d04318.

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

#d04318 border color

This element has a border color of #d04318.

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

CSS codes

.text {color:#d04318;}

.background {background-color:#d04318;}

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

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

#0f0502
```
#0f0502 rgb(15,5,2)
```
#200a04
```
#200a04 rgb(32,10,4)
```
#321006
```
#321006 rgb(50,16,6)
```
#431608
```
#431608 rgb(67,22,8)
```
#551b0a
```
#551b0a rgb(85,27,10)
```
#66210c
```
#66210c rgb(102,33,12)
```
#78270e
```
#78270e rgb(120,39,14)
```
#8a2c10
```
#8a2c10 rgb(138,44,16)
```
#9b3212
```
#9b3212 rgb(155,50,18)
```
#ad3814
```
#ad3814 rgb(173,56,20)
```
#be3d16
```
#be3d16 rgb(190,61,22)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#e2491a
```
#e2491a rgb(226,73,26)
```

Shade Color Variation

#e65529
```
#e65529 rgb(230,85,41)
```
#e8633b
```
#e8633b rgb(232,99,59)
```
#ea714c
```
#ea714c rgb(234,113,76)
```
#ec7f5e
```
#ec7f5e rgb(236,127,94)
```
#ee8d6f
```
#ee8d6f rgb(238,141,111)
```
#f09b81
```
#f09b81 rgb(240,155,129)
```
#f2a992
```
#f2a992 rgb(242,169,146)
```
#f5b7a4
```
#f5b7a4 rgb(245,183,164)
```
#f7c5b6
```
#f7c5b6 rgb(247,197,182)
```
#f9d3c7
```
#f9d3c7 rgb(249,211,199)
```
#fbe1d9
```
#fbe1d9 rgb(251,225,217)
```
#fdefea
```
#fdefea rgb(253,239,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#777371
```
#777371 rgb(119,115,113)
```
#806e68
```
#806e68 rgb(128,110,104)
```
#89695f
```
#89695f rgb(137,105,95)
```
#926456
```
#926456 rgb(146,100,86)
```
#9a604e
```
#9a604e rgb(154,96,78)
```
#a35b45
```
#a35b45 rgb(163,91,69)
```
#ac563c
```
#ac563c rgb(172,86,60)
```
#b55133
```
#b55133 rgb(181,81,51)
```
#be4d2a
```
#be4d2a rgb(190,77,42)
```
#c74821
```
#c74821 rgb(199,72,33)
```
#d04318
```
#d04318 rgb(208,67,24)
```
#d93e0f
```
#d93e0f rgb(217,62,15)
```
#e23906
```
#e23906 rgb(226,57,6)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7d6158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b2f Protanopia 1% of men
#9a7505 Deuteranopia 1% of men
#d3484c Tritanopia 0.001% of the population

Trichromacy

#a26626 Protanomaly 1% of men, 0.01% of women
#ad630c Deuteranomaly 6% of men, 0.4% of women
#d24639 Tritanomaly 0.01% of the population