#d54f0f hex color

In a RGB color space, hex #d54f0f is composed of 83.5% red, 31% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 93% yellow and 16.5% black. It has a hue angle of 19.4 degrees, a saturation of 86.8% and a lightness of 44.7%. #d54f0f color hex could be obtained by blending #ff9e1e with #ab0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 31
- B 6
RGB color chart
- C 0
- M 63
- Y 93
- K 16
CMYK color chart

● #d54f0f color description : Strong orange.

The hexadecimal color #d54f0f has RGB values of R:213, G:79, B:15 and CMYK values of C:0, M:0.63, Y:0.93, K:0.16. Its decimal value is 13979407.

Hex triplet	d54f0f	`#d54f0f`
RGB Decimal	213, 79, 15	`rgb(213,79,15)`
RGB Percent	83.5, 31, 5.9	`rgb(83.5%,31%,5.9%)`
CMYK	0, 63, 93, 16
HSL	19.4°, 86.8, 44.7	`hsl(19.4,86.8%,44.7%)`
HSV (or HSB)	19.4°, 93, 83.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.583, 50.348, 58.401
XYZ	30.324, 19.776, 2.672
xyY	0.575, 0.375, 19.776
CIE-LCH	51.583, 77.108, 49.235
CIE-LUV	51.583, 110.15, 42.239
Hunter-Lab	44.47, 43.896, 27.566
Binary	11010101, 01001111, 00001111

#d54f0f
```
#d54f0f rgb(213,79,15)
```
#0f95d5
```
#0f95d5 rgb(15,149,213)
```

Complementary Color

#d50f32
```
#d50f32 rgb(213,15,50)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#d5b20f
```
#d5b20f rgb(213,178,15)
```

Analogous Color

#0f32d5
```
#0f32d5 rgb(15,50,213)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#0fd5b2
```
#0fd5b2 rgb(15,213,178)
```

Split Complementary Color

#4f0fd5
```
#4f0fd5 rgb(79,15,213)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#0fd54f
```
#0fd54f rgb(15,213,79)
```

Triadic Color

#d50f95
```
#d50f95 rgb(213,15,149)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#0fd54f
```
#0fd54f rgb(15,213,79)
```
#0f95d5
```
#0f95d5 rgb(15,149,213)
```

Tetradic Color

#8e340a
```
#8e340a rgb(142,52,10)
```
#a53d0c
```
#a53d0c rgb(165,61,12)
```
#bd460d
```
#bd460d rgb(189,70,13)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#ed5811
```
#ed5811 rgb(237,88,17)
```
#f06827
```
#f06827 rgb(240,104,39)
```
#f1793f
```
#f1793f rgb(241,121,63)
```

Monochromatic Color

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

#d51e0f
```
#d51e0f rgb(213,30,15)
```
#d52e0f
```
#d52e0f rgb(213,46,15)
```
#d53f0f
```
#d53f0f rgb(213,63,15)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#d5600f
```
#d5600f rgb(213,96,15)
```
#d5700f
```
#d5700f rgb(213,112,15)
```
#d5810f
```
#d5810f rgb(213,129,15)
```

Similar Colors

Text with hexadecimal color #d54f0f

This text has a font color of #d54f0f.

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

#d54f0f background color

This paragraph has a background color of #d54f0f.

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

#d54f0f border color

This element has a border color of #d54f0f.

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

CSS codes

.text {color:#d54f0f;}

.background {background-color:#d54f0f;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1e0b02
```
#1e0b02 rgb(30,11,2)
```
#301203
```
#301203 rgb(48,18,3)
```
#421905
```
#421905 rgb(66,25,5)
```
#551f06
```
#551f06 rgb(85,31,6)
```
#672607
```
#672607 rgb(103,38,7)
```
#792d09
```
#792d09 rgb(121,45,9)
```
#8c340a
```
#8c340a rgb(140,52,10)
```
#9e3b0b
```
#9e3b0b rgb(158,59,11)
```
#b0410c
```
#b0410c rgb(176,65,12)
```
#c3480e
```
#c3480e rgb(195,72,14)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#e75610
```
#e75610 rgb(231,86,16)
```

Shade Color Variation

#ef601c
```
#ef601c rgb(239,96,28)
```
#f06d2f
```
#f06d2f rgb(240,109,47)
```
#f27a41
```
#f27a41 rgb(242,122,65)
```
#f38753
```
#f38753 rgb(243,135,83)
```
#f49466
```
#f49466 rgb(244,148,102)
```
#f5a078
```
#f5a078 rgb(245,160,120)
```
#f7ad8a
```
#f7ad8a rgb(247,173,138)
```
#f8ba9c
```
#f8ba9c rgb(248,186,156)
```
#f9c7af
```
#f9c7af rgb(249,199,175)
```
#fbd4c1
```
#fbd4c1 rgb(251,212,193)
```
#fce1d3
```
#fce1d3 rgb(252,225,211)
```
#fdede6
```
#fdede6 rgb(253,237,230)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#75716f
```
#75716f rgb(117,113,111)
```
#7d6e67
```
#7d6e67 rgb(125,110,103)
```
#866b5e
```
#866b5e rgb(134,107,94)
```
#8f6855
```
#8f6855 rgb(143,104,85)
```
#98654c
```
#98654c rgb(152,101,76)
```
#a06244
```
#a06244 rgb(160,98,68)
```
#a95f3b
```
#a95f3b rgb(169,95,59)
```
#b25b32
```
#b25b32 rgb(178,91,50)
```
#bb5829
```
#bb5829 rgb(187,88,41)
```
#c35521
```
#c35521 rgb(195,85,33)
```
#cc5218
```
#cc5218 rgb(204,82,24)
```
#d54f0f
```
#d54f0f rgb(213,79,15)
```
#de4c06
```
#de4c06 rgb(222,76,6)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#84695d Atypical Achromatopsia 0.001% of the population

Dichromacy

#918226 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#d85257 Tritanopia 0.001% of the population

Trichromacy

#a96f1d Protanomaly 1% of men, 0.01% of women
#b46b05 Deuteranomaly 6% of men, 0.4% of women
#d7513c Tritanomaly 0.01% of the population

#d54f0f hex color

#d54f0f Color Information

#d54f0f Color Conversion

Color Schemes with #d54f0f

Alternatives to #d54f0f

#d54f0f Preview

Shades and Tints of #d54f0f

Tones of #d54f0f

Color Blindness Simulator