#d54318 hex color

In a RGB color space, hex #d54318 is composed of 83.5% red, 26.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.5% magenta, 88.7% yellow and 16.5% black. It has a hue angle of 13.7 degrees, a saturation of 79.7% and a lightness of 46.5%. #d54318 color hex could be obtained by blending #ff8630 with #ab0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 84
- G 26
- B 9
RGB color chart
- C 0
- M 69
- Y 89
- K 16
CMYK color chart

● #d54318 color description : Strong red.

The hexadecimal color #d54318 has RGB values of R:213, G:67, B:24 and CMYK values of C:0, M:0.69, Y:0.89, K:0.16. Its decimal value is 13976344.

Hex triplet	d54318	`#d54318`
RGB Decimal	213, 67, 24	`rgb(213,67,24)`
RGB Percent	83.5, 26.3, 9.4	`rgb(83.5%,26.3%,9.4%)`
CMYK	0, 69, 89, 16
HSL	13.7°, 79.7, 46.5	`hsl(13.7,79.7%,46.5%)`
HSV (or HSB)	13.7°, 88.7, 83.5
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.774, 55.459, 54.205
XYZ	29.614, 18.23, 2.824
xyY	0.584, 0.36, 18.23
CIE-LCH	49.774, 77.549, 44.345
CIE-LUV	49.774, 118.022, 37.733
Hunter-Lab	42.696, 49.088, 25.967
Binary	11010101, 01000011, 00011000

#d54318
```
#d54318 rgb(213,67,24)
```
#18aad5
```
#18aad5 rgb(24,170,213)
```

Complementary Color

#d5184b
```
#d5184b rgb(213,24,75)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```

Analogous Color

#184bd5
```
#184bd5 rgb(24,75,213)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#18d5a2
```
#18d5a2 rgb(24,213,162)
```

Split Complementary Color

#4318d5
```
#4318d5 rgb(67,24,213)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#18d543
```
#18d543 rgb(24,213,67)
```

Triadic Color

#d518aa
```
#d518aa rgb(213,24,170)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#18d543
```
#18d543 rgb(24,213,67)
```
#18aad5
```
#18aad5 rgb(24,170,213)
```

Tetradic Color

#902d10
```
#902d10 rgb(144,45,16)
```
#a73513
```
#a73513 rgb(167,53,19)
```
#be3c15
```
#be3c15 rgb(190,60,21)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#e64d21
```
#e64d21 rgb(230,77,33)
```
#e96037
```
#e96037 rgb(233,96,55)
```
#eb724e
```
#eb724e rgb(235,114,78)
```

Monochromatic Color

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

#d5181c
```
#d5181c rgb(213,24,28)
```
#d52418
```
#d52418 rgb(213,36,24)
```
#d53318
```
#d53318 rgb(213,51,24)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#d55318
```
#d55318 rgb(213,83,24)
```
#d56318
```
#d56318 rgb(213,99,24)
```
#d57218
```
#d57218 rgb(213,114,24)
```

Similar Colors

Text with hexadecimal color #d54318

This text has a font color of #d54318.

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

#d54318 background color

This paragraph has a background color of #d54318.

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

#d54318 border color

This element has a border color of #d54318.

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

CSS codes

.text {color:#d54318;}

.background {background-color:#d54318;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130602
```
#130602 rgb(19,6,2)
```
#250c04
```
#250c04 rgb(37,12,4)
```
#361106
```
#361106 rgb(54,17,6)
```
#481708
```
#481708 rgb(72,23,8)
```
#5a1c0a
```
#5a1c0a rgb(90,28,10)
```
#6b220c
```
#6b220c rgb(107,34,12)
```
#7d270e
```
#7d270e rgb(125,39,14)
```
#8e2d10
```
#8e2d10 rgb(142,45,16)
```
#a03212
```
#a03212 rgb(160,50,18)
```
#b23814
```
#b23814 rgb(178,56,20)
```
#c33d16
```
#c33d16 rgb(195,61,22)
```
#d54318
```
#d54318 rgb(213,67,24)
```

Shade Color Variation

#e5491b
```
#e5491b rgb(229,73,27)
```
#e7572d
```
#e7572d rgb(231,87,45)
```
#e9653f
```
#e9653f rgb(233,101,63)
```
#eb7350
```
#eb7350 rgb(235,115,80)
```
#ed8262
```
#ed8262 rgb(237,130,98)
```
#ef9073
```
#ef9073 rgb(239,144,115)
```
#f19e85
```
#f19e85 rgb(241,158,133)
```
#f3ac97
```
#f3ac97 rgb(243,172,151)
```
#f5baa8
```
#f5baa8 rgb(245,186,168)
```
#f7c8ba
```
#f7c8ba rgb(247,200,186)
```
#f9d6cc
```
#f9d6cc rgb(249,214,204)
```
#fbe4dd
```
#fbe4dd rgb(251,228,221)
```
#fdf2ef
```
#fdf2ef rgb(253,242,239)
```

Tint Color Variation

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

#7a7573
```
#7a7573 rgb(122,117,115)
```
#83706a
```
#83706a rgb(131,112,106)
```
#8c6b61
```
#8c6b61 rgb(140,107,97)
```
#956658
```
#956658 rgb(149,102,88)
```
#9e614f
```
#9e614f rgb(158,97,79)
```
#a75c46
```
#a75c46 rgb(167,92,70)
```
#b1573c
```
#b1573c rgb(177,87,60)
```
#ba5233
```
#ba5233 rgb(186,82,51)
```
#c34d2a
```
#c34d2a rgb(195,77,42)
```
#cc4821
```
#cc4821 rgb(204,72,33)
```
#d54318
```
#d54318 rgb(213,67,24)
```
#de3e0f
```
#de3e0f rgb(222,62,15)
```
#e73906
```
#e73906 rgb(231,57,6)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7f625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2f Protanopia 1% of men
#9d7700 Deuteranopia 1% of men
#d8484b Tritanopia 0.001% of the population

Trichromacy

#a66827 Protanomaly 1% of men, 0.01% of women
#b16408 Deuteranomaly 6% of men, 0.4% of women
#d74639 Tritanomaly 0.01% of the population

#d54318 hex color

#d54318 Color Information

#d54318 Color Conversion

Color Schemes with #d54318

Alternatives to #d54318

#d54318 Preview

Shades and Tints of #d54318

Tones of #d54318

Color Blindness Simulator