#d45f31 hex color

In a RGB color space, hex #d45f31 is composed of 83.1% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 76.9% yellow and 16.9% black. It has a hue angle of 16.9 degrees, a saturation of 65.5% and a lightness of 51.2%. #d45f31 color hex could be obtained by blending #ffbe62 with #a90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 83
- G 37
- B 19
RGB color chart
- C 0
- M 55
- Y 77
- K 17
CMYK color chart

● #d45f31 color description : Strong orange.

The hexadecimal color #d45f31 has RGB values of R:212, G:95, B:49 and CMYK values of C:0, M:0.55, Y:0.77, K:0.17. Its decimal value is 13918001.

Hex triplet	d45f31	`#d45f31`
RGB Decimal	212, 95, 49	`rgb(212,95,49)`
RGB Percent	83.1, 37.3, 19.2	`rgb(83.1%,37.3%,19.2%)`
CMYK	0, 55, 77, 17
HSL	16.9°, 65.5, 51.2	`hsl(16.9,65.5%,51.2%)`
HSV (or HSB)	16.9°, 76.9, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.456, 43.419, 47.294
XYZ	31.799, 22.406, 5.556
xyY	0.532, 0.375, 22.406
CIE-LCH	54.456, 64.202, 47.446
CIE-LUV	54.456, 94.095, 39.675
Hunter-Lab	47.335, 37.077, 26.176
Binary	11010100, 01011111, 00110001

#d45f31
```
#d45f31 rgb(212,95,49)
```
#31a6d4
```
#31a6d4 rgb(49,166,212)
```

Complementary Color

#d43155
```
#d43155 rgb(212,49,85)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#d4b131
```
#d4b131 rgb(212,177,49)
```

Analogous Color

#3155d4
```
#3155d4 rgb(49,85,212)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#31d4b1
```
#31d4b1 rgb(49,212,177)
```

Split Complementary Color

#5f31d4
```
#5f31d4 rgb(95,49,212)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#31d45f
```
#31d45f rgb(49,212,95)
```

Triadic Color

#d431a6
```
#d431a6 rgb(212,49,166)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#31d45f
```
#31d45f rgb(49,212,95)
```
#31a6d4
```
#31a6d4 rgb(49,166,212)
```

Tetradic Color

#994220
```
#994220 rgb(153,66,32)
```
#ae4b24
```
#ae4b24 rgb(174,75,36)
```
#c35429
```
#c35429 rgb(195,84,41)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#d86f46
```
#d86f46 rgb(216,111,70)
```
#dd805b
```
#dd805b rgb(221,128,91)
```
#e19070
```
#e19070 rgb(225,144,112)
```

Monochromatic Color

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

#d43631
```
#d43631 rgb(212,54,49)
```
#d44431
```
#d44431 rgb(212,68,49)
```
#d45131
```
#d45131 rgb(212,81,49)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#d46d31
```
#d46d31 rgb(212,109,49)
```
#d47a31
```
#d47a31 rgb(212,122,49)
```
#d48831
```
#d48831 rgb(212,136,49)
```

Similar Colors

Text with hexadecimal color #d45f31

This text has a font color of #d45f31.

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

#d45f31 background color

This paragraph has a background color of #d45f31.

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

#d45f31 border color

This element has a border color of #d45f31.

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

CSS codes

.text {color:#d45f31;}

.background {background-color:#d45f31;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150904
```
#150904 rgb(21,9,4)
```
#251008
```
#251008 rgb(37,16,8)
```
#36170b
```
#36170b rgb(54,23,11)
```
#461e0f
```
#461e0f rgb(70,30,15)
```
#562512
```
#562512 rgb(86,37,18)
```
#662c15
```
#662c15 rgb(102,44,21)
```
#773319
```
#773319 rgb(119,51,25)
```
#873a1c
```
#873a1c rgb(135,58,28)
```
#974120
```
#974120 rgb(151,65,32)
```
#a74823
```
#a74823 rgb(167,72,35)
```
#b74f26
```
#b74f26 rgb(183,79,38)
```
#c8562a
```
#c8562a rgb(200,86,42)
```

Shade Color Variation

#d45f31
```
#d45f31 rgb(212,95,49)
```
#d76c41
```
#d76c41 rgb(215,108,65)
```
#db7851
```
#db7851 rgb(219,120,81)
```
#de8562
```
#de8562 rgb(222,133,98)
```
#e29172
```
#e29172 rgb(226,145,114)
```
#e59e82
```
#e59e82 rgb(229,158,130)
```
#e8ab92
```
#e8ab92 rgb(232,171,146)
```
#ecb7a3
```
#ecb7a3 rgb(236,183,163)
```
#efc4b3
```
#efc4b3 rgb(239,196,179)
```
#f2d0c3
```
#f2d0c3 rgb(242,208,195)
```
#f6ddd3
```
#f6ddd3 rgb(246,221,211)
```
#f9eae4
```
#f9eae4 rgb(249,234,228)
```
#fdf6f4
```
#fdf6f4 rgb(253,246,244)
```

Tint Color Variation

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

#87807e
```
#87807e rgb(135,128,126)
```
#917c74
```
#917c74 rgb(145,124,116)
```
#9b786a
```
#9b786a rgb(155,120,106)
```
#a47461
```
#a47461 rgb(164,116,97)
```
#ae7057
```
#ae7057 rgb(174,112,87)
```
#b76c4e
```
#b76c4e rgb(183,108,78)
```
#c16744
```
#c16744 rgb(193,103,68)
```
#ca633b
```
#ca633b rgb(202,99,59)
```
#d45f31
```
#d45f31 rgb(212,95,49)
```
#de5b27
```
#de5b27 rgb(222,91,39)
```
#e7571e
```
#e7571e rgb(231,87,30)
```
#f15214
```
#f15214 rgb(241,82,20)
```
#fa4e0b
```
#fa4e0b rgb(250,78,11)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8e776e Atypical Achromatopsia 0.001% of the population

Dichromacy

#968845 Protanopia 1% of men
#a98233 Deuteranopia 1% of men
#d86268 Tritanopia 0.001% of the population

Trichromacy

#ad793d Protanomaly 1% of men, 0.01% of women
#b87532 Deuteranomaly 6% of men, 0.4% of women
#d66154 Tritanomaly 0.01% of the population

#d45f31 hex color

#d45f31 Color Information

#d45f31 Color Conversion

Color Schemes with #d45f31

Alternatives to #d45f31

#d45f31 Preview

Shades and Tints of #d45f31

Tones of #d45f31

Color Blindness Simulator