#d45b1f hex color

In a RGB color space, hex #d45b1f is composed of 83.1% red, 35.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 19.9 degrees, a saturation of 74.5% and a lightness of 47.6%. #d45b1f color hex could be obtained by blending #ffb63e with #a90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 83
- G 36
- B 12
RGB color chart
- C 0
- M 57
- Y 85
- K 17
CMYK color chart

● #d45b1f color description : Strong orange.

The hexadecimal color #d45b1f has RGB values of R:212, G:91, B:31 and CMYK values of C:0, M:0.57, Y:0.85, K:0.17. Its decimal value is 13916959.

Hex triplet	d45b1f	`#d45b1f`
RGB Decimal	212, 91, 31	`rgb(212,91,31)`
RGB Percent	83.1, 35.7, 12.2	`rgb(83.1%,35.7%,12.2%)`
CMYK	0, 57, 85, 17
HSL	19.9°, 74.5, 47.6	`hsl(19.9,74.5%,47.6%)`
HSV (or HSB)	19.9°, 85.4, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.58, 44.781, 54.48
XYZ	31.141, 21.581, 3.822
xyY	0.551, 0.382, 21.581
CIE-LCH	53.58, 70.523, 50.581
CIE-LUV	53.58, 99.045, 43.101
Hunter-Lab	46.456, 38.358, 27.641
Binary	11010100, 01011011, 00011111

#d45b1f
```
#d45b1f rgb(212,91,31)
```
#1f98d4
```
#1f98d4 rgb(31,152,212)
```

Complementary Color

#d41f3d
```
#d41f3d rgb(212,31,61)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#d4b61f
```
#d4b61f rgb(212,182,31)
```

Analogous Color

#1f3dd4
```
#1f3dd4 rgb(31,61,212)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#1fd4b6
```
#1fd4b6 rgb(31,212,182)
```

Split Complementary Color

#5b1fd4
```
#5b1fd4 rgb(91,31,212)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#1fd45b
```
#1fd45b rgb(31,212,91)
```

Triadic Color

#d41f98
```
#d41f98 rgb(212,31,152)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#1fd45b
```
#1fd45b rgb(31,212,91)
```
#1f98d4
```
#1f98d4 rgb(31,152,212)
```

Tetradic Color

#913e15
```
#913e15 rgb(145,62,21)
```
#a84818
```
#a84818 rgb(168,72,24)
```
#be511c
```
#be511c rgb(190,81,28)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#e0682c
```
#e0682c rgb(224,104,44)
```
#e37843
```
#e37843 rgb(227,120,67)
```
#e78859
```
#e78859 rgb(231,136,89)
```

Monochromatic Color

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

#d42e1f
```
#d42e1f rgb(212,46,31)
```
#d43d1f
```
#d43d1f rgb(212,61,31)
```
#d44c1f
```
#d44c1f rgb(212,76,31)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#d46a1f
```
#d46a1f rgb(212,106,31)
```
#d4791f
```
#d4791f rgb(212,121,31)
```
#d4881f
```
#d4881f rgb(212,136,31)
```

Similar Colors

Text with hexadecimal color #d45b1f

This text has a font color of #d45b1f.

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

#d45b1f background color

This paragraph has a background color of #d45b1f.

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

#d45b1f border color

This element has a border color of #d45b1f.

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

CSS codes

.text {color:#d45b1f;}

.background {background-color:#d45b1f;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180a03
```
#180a03 rgb(24,10,3)
```
#291206
```
#291206 rgb(41,18,6)
```
#3a1908
```
#3a1908 rgb(58,25,8)
```
#4b200b
```
#4b200b rgb(75,32,11)
```
#5c280d
```
#5c280d rgb(92,40,13)
```
#6d2f10
```
#6d2f10 rgb(109,47,16)
```
#7e3612
```
#7e3612 rgb(126,54,18)
```
#903e15
```
#903e15 rgb(144,62,21)
```
#a14517
```
#a14517 rgb(161,69,23)
```
#b24c1a
```
#b24c1a rgb(178,76,26)
```
#c3541c
```
#c3541c rgb(195,84,28)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```

Shade Color Variation

#df6427
```
#df6427 rgb(223,100,39)
```
#e27138
```
#e27138 rgb(226,113,56)
```
#e47d49
```
#e47d49 rgb(228,125,73)
```
#e7895b
```
#e7895b rgb(231,137,91)
```
#e9956c
```
#e9956c rgb(233,149,108)
```
#eca27d
```
#eca27d rgb(236,162,125)
```
#eeae8e
```
#eeae8e rgb(238,174,142)
```
#f1ba9f
```
#f1ba9f rgb(241,186,159)
```
#f3c6b0
```
#f3c6b0 rgb(243,198,176)
```
#f6d3c1
```
#f6d3c1 rgb(246,211,193)
```
#f8dfd2
```
#f8dfd2 rgb(248,223,210)
```
#fbebe3
```
#fbebe3 rgb(251,235,227)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#807773
```
#807773 rgb(128,119,115)
```
#89746a
```
#89746a rgb(137,116,106)
```
#937160
```
#937160 rgb(147,113,96)
```
#9c6e57
```
#9c6e57 rgb(156,110,87)
```
#a56b4e
```
#a56b4e rgb(165,107,78)
```
#af6844
```
#af6844 rgb(175,104,68)
```
#b8643b
```
#b8643b rgb(184,100,59)
```
#c16132
```
#c16132 rgb(193,97,50)
```
#cb5e28
```
#cb5e28 rgb(203,94,40)
```
#d45b1f
```
#d45b1f rgb(212,91,31)
```
#dd5816
```
#dd5816 rgb(221,88,22)
```
#e7550c
```
#e7550c rgb(231,85,12)
```
#f05203
```
#f05203 rgb(240,82,3)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8a7266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958633 Protanopia 1% of men
#a8801c Deuteranopia 1% of men
#d85d63 Tritanopia 0.001% of the population

Trichromacy

#ac762c Protanomaly 1% of men, 0.01% of women
#b8721d Deuteranomaly 6% of men, 0.4% of women
#d65c4a Tritanomaly 0.01% of the population

#d45b1f hex color

#d45b1f Color Information

#d45b1f Color Conversion

Color Schemes with #d45b1f

Alternatives to #d45b1f

#d45b1f Preview

Shades and Tints of #d45b1f

Tones of #d45b1f

Color Blindness Simulator