#d54312 hex color

In a RGB color space, hex #d54312 is composed of 83.5% red, 26.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.5% magenta, 91.5% yellow and 16.5% black. It has a hue angle of 15.1 degrees, a saturation of 84.4% and a lightness of 45.3%. #d54312 color hex could be obtained by blending #ff8624 with #ab0000. Closest websafe color is: #cc3300.

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

● #d54312 color description : Strong orange.

The hexadecimal color #d54312 has RGB values of R:213, G:67, B:18 and CMYK values of C:0, M:0.69, Y:0.92, K:0.16. Its decimal value is 13976338.

Hex triplet	d54312	`#d54312`
RGB Decimal	213, 67, 18	`rgb(213,67,18)`
RGB Percent	83.5, 26.3, 7.1	`rgb(83.5%,26.3%,7.1%)`
CMYK	0, 69, 92, 16
HSL	15.1°, 84.4, 45.3	`hsl(15.1,84.4%,45.3%)`
HSV (or HSB)	15.1°, 91.5, 83.5
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.747, 55.362, 56.284
XYZ	29.558, 18.208, 2.53
xyY	0.588, 0.362, 18.208
CIE-LCH	49.747, 78.948, 45.473
CIE-LUV	49.747, 118.5, 38.688
Hunter-Lab	42.67, 48.976, 26.353
Binary	11010101, 01000011, 00010010

#d54312
```
#d54312 rgb(213,67,18)
```
#12a4d5
```
#12a4d5 rgb(18,164,213)
```

Complementary Color

#d51243
```
#d51243 rgb(213,18,67)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#d5a512
```
#d5a512 rgb(213,165,18)
```

Analogous Color

#1243d5
```
#1243d5 rgb(18,67,213)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#12d5a5
```
#12d5a5 rgb(18,213,165)
```

Split Complementary Color

#4312d5
```
#4312d5 rgb(67,18,213)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#12d543
```
#12d543 rgb(18,213,67)
```

Triadic Color

#d512a4
```
#d512a4 rgb(213,18,164)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#12d543
```
#12d543 rgb(18,213,67)
```
#12a4d5
```
#12a4d5 rgb(18,164,213)
```

Tetradic Color

#8e2d0c
```
#8e2d0c rgb(142,45,12)
```
#a6340e
```
#a6340e rgb(166,52,14)
```
#bd3c10
```
#bd3c10 rgb(189,60,16)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#eb4b15
```
#eb4b15 rgb(235,75,21)
```
#ed5d2d
```
#ed5d2d rgb(237,93,45)
```
#ef6f44
```
#ef6f44 rgb(239,111,68)
```

Monochromatic Color

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

#d51212
```
#d51212 rgb(213,18,18)
```
#d52312
```
#d52312 rgb(213,35,18)
```
#d53312
```
#d53312 rgb(213,51,18)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#d55312
```
#d55312 rgb(213,83,18)
```
#d56412
```
#d56412 rgb(213,100,18)
```
#d57412
```
#d57412 rgb(213,116,18)
```

Similar Colors

Text with hexadecimal color #d54312

This text has a font color of #d54312.

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

#d54312 background color

This paragraph has a background color of #d54312.

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

#d54312 border color

This element has a border color of #d54312.

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

CSS codes

.text {color:#d54312;}

.background {background-color:#d54312;}

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

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

#0e0401
```
#0e0401 rgb(14,4,1)
```
#200a03
```
#200a03 rgb(32,10,3)
```
#321004
```
#321004 rgb(50,16,4)
```
#441506
```
#441506 rgb(68,21,6)
```
#561b07
```
#561b07 rgb(86,27,7)
```
#682109
```
#682109 rgb(104,33,9)
```
#7b270a
```
#7b270a rgb(123,39,10)
```
#8d2c0c
```
#8d2c0c rgb(141,44,12)
```
#9f320d
```
#9f320d rgb(159,50,13)
```
#b1380f
```
#b1380f rgb(177,56,15)
```
#c33d10
```
#c33d10 rgb(195,61,16)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#e74914
```
#e74914 rgb(231,73,20)
```

Shade Color Variation

#ec5522
```
#ec5522 rgb(236,85,34)
```
#ee6334
```
#ee6334 rgb(238,99,52)
```
#ef7146
```
#ef7146 rgb(239,113,70)
```
#f17f58
```
#f17f58 rgb(241,127,88)
```
#f28c6a
```
#f28c6a rgb(242,140,106)
```
#f49a7c
```
#f49a7c rgb(244,154,124)
```
#f5a88e
```
#f5a88e rgb(245,168,142)
```
#f7b6a1
```
#f7b6a1 rgb(247,182,161)
```
#f9c4b3
```
#f9c4b3 rgb(249,196,179)
```
#fad2c5
```
#fad2c5 rgb(250,210,197)
```
#fce0d7
```
#fce0d7 rgb(252,224,215)
```
#fdeee9
```
#fdeee9 rgb(253,238,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#7c6f6b
```
#7c6f6b rgb(124,111,107)
```
#856b62
```
#856b62 rgb(133,107,98)
```
#8e6659
```
#8e6659 rgb(142,102,89)
```
#976250
```
#976250 rgb(151,98,80)
```
#a05e47
```
#a05e47 rgb(160,94,71)
```
#a9593e
```
#a9593e rgb(169,89,62)
```
#b15536
```
#b15536 rgb(177,85,54)
```
#ba502d
```
#ba502d rgb(186,80,45)
```
#c34c24
```
#c34c24 rgb(195,76,36)
```
#cc471b
```
#cc471b rgb(204,71,27)
```
#d54312
```
#d54312 rgb(213,67,18)
```
#de3f09
```
#de3f09 rgb(222,63,9)
```
#e73a00
```
#e73a00 rgb(231,58,0)
```

Tone Color Variation

Below, you can see how #d54312 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
#7f6158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2a Protanopia 1% of men
#9c7700 Deuteranopia 1% of men
#d8484b Tritanopia 0.001% of the population

Trichromacy

#a66821 Protanomaly 1% of men, 0.01% of women
#b16406 Deuteranomaly 6% of men, 0.4% of women
#d74636 Tritanomaly 0.01% of the population

#d54312 hex color

#d54312 Color Information

#d54312 Color Conversion

Color Schemes with #d54312

Alternatives to #d54312

#d54312 Preview

Shades and Tints of #d54312

Tones of #d54312

Color Blindness Simulator