colorhexa.com

#d45108 hex color

In a RGB color space, hex #d45108 is composed of 83.1% red, 31.8% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.8% magenta, 96.2% yellow and 16.9% black. It has a hue angle of 21.5 degrees, a saturation of 92.7% and a lightness of 43.1%. #d45108 color hex could be obtained by blending #ffa210 with #a90000. Closest websafe color is: #cc6600.

- R 83
- G 32
- B 3
RGB color chart
- C 0
- M 62
- Y 96
- K 17
CMYK color chart

● #d45108 color description : Strong orange.

The hexadecimal color #d45108 has RGB values of R:212, G:81, B:8 and CMYK values of C:0, M:0.62, Y:0.96, K:0.17. Its decimal value is 13914376.

Hex triplet	d45108	`#d45108`
RGB Decimal	212, 81, 8	`rgb(212,81,8)`
RGB Percent	83.1, 31.8, 3.1	`rgb(83.1%,31.8%,3.1%)`
CMYK	0, 62, 96, 17
HSL	21.5°, 92.7, 43.1	`hsl(21.5,92.7%,43.1%)`
HSV (or HSB)	21.5°, 96.2, 83.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.727, 49.03, 60.045
XYZ	30.139, 19.903, 2.484
xyY	0.574, 0.379, 19.903
CIE-LCH	51.727, 77.52, 50.766
CIE-LUV	51.727, 108.141, 43.415
Hunter-Lab	44.613, 42.518, 27.927
Binary	11010100, 01010001, 00001000

#d45108
```
#d45108 rgb(212,81,8)
```
#088bd4
```
#088bd4 rgb(8,139,212)
```

Complementary Color

#d40825
```
#d40825 rgb(212,8,37)
```
#d45108
```
#d45108 rgb(212,81,8)
```
#d4b708
```
#d4b708 rgb(212,183,8)
```

Analogous Color

#0825d4
```
#0825d4 rgb(8,37,212)
```
#d45108
```
#d45108 rgb(212,81,8)
```
#08d4b7
```
#08d4b7 rgb(8,212,183)
```

Split Complementary Color

#8a3505
```
#8a3505 rgb(138,53,5)
```
#a33e06
```
#a33e06 rgb(163,62,6)
```
#bb4807
```
#bb4807 rgb(187,72,7)
```
#d45108
```
#d45108 rgb(212,81,8)
```
#ed5a09
```
#ed5a09 rgb(237,90,9)
```
#f66819
```
#f66819 rgb(246,104,25)
```
#f77831
```
#f77831 rgb(247,120,49)
```

Monochromatic Color

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

#d41e08
```
#d41e08 rgb(212,30,8)
```
#d42f08
```
#d42f08 rgb(212,47,8)
```
#d44008
```
#d44008 rgb(212,64,8)
```
#d45108
```
#d45108 rgb(212,81,8)
```
#d46208
```
#d46208 rgb(212,98,8)
```
#d47308
```
#d47308 rgb(212,115,8)
```
#d48408
```
#d48408 rgb(212,132,8)
```

Similar Colors

Text with hexadecimal color #d45108

This text has a font color of #d45108.

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

#d45108 background color

This paragraph has a background color of #d45108.

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

#d45108 border color

This element has a border color of #d45108.

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

CSS codes

.text {color:#d45108;}

.background {background-color:#d45108;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170901
```
#170901 rgb(23,9,1)
```
#2a1002
```
#2a1002 rgb(42,16,2)
```
#3d1702
```
#3d1702 rgb(61,23,2)
```
#501e03
```
#501e03 rgb(80,30,3)
```
#632604
```
#632604 rgb(99,38,4)
```
#752d04
```
#752d04 rgb(117,45,4)
```
#883405
```
#883405 rgb(136,52,5)
```
#9b3b06
```
#9b3b06 rgb(155,59,6)
```
#ae4307
```
#ae4307 rgb(174,67,7)
```
#c14a07
```
#c14a07 rgb(193,74,7)
```
#d45108
```
#d45108 rgb(212,81,8)
```
#e75809
```
#e75809 rgb(231,88,9)
```

Shade Color Variation

#f6610d
```
#f6610d rgb(246,97,13)
```
#f76d20
```
#f76d20 rgb(247,109,32)
```
#f77933
```
#f77933 rgb(247,121,51)
```
#f88646
```
#f88646 rgb(248,134,70)
```
#f99259
```
#f99259 rgb(249,146,89)
```
#f99f6c
```
#f99f6c rgb(249,159,108)
```
#faab7f
```
#faab7f rgb(250,171,127)
```
#fbb792
```
#fbb792 rgb(251,183,146)
```
#fcc4a5
```
#fcc4a5 rgb(252,196,165)
```
#fcd0b7
```
#fcd0b7 rgb(252,208,183)
```
#fddcca
```
#fddcca rgb(253,220,202)
```
#fee9dd
```
#fee9dd rgb(254,233,221)
```
#fef5f0
```
#fef5f0 rgb(254,245,240)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776b65
```
#776b65 rgb(119,107,101)
```
#7f695d
```
#7f695d rgb(127,105,93)
```
#886754
```
#886754 rgb(136,103,84)
```
#90644c
```
#90644c rgb(144,100,76)
```
#996243
```
#996243 rgb(153,98,67)
```
#a15f3b
```
#a15f3b rgb(161,95,59)
```
#aa5d32
```
#aa5d32 rgb(170,93,50)
```
#b25b2a
```
#b25b2a rgb(178,91,42)
```
#bb5821
```
#bb5821 rgb(187,88,33)
```
#c35619
```
#c35619 rgb(195,86,25)
```
#cc5310
```
#cc5310 rgb(204,83,16)
```
#d45108
```
#d45108 rgb(212,81,8)
```

Tone Color Variation

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

Dichromacy

#91821f Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#d85458 Tritanopia 0.001% of the population

Trichromacy

#a97017 Protanomaly 1% of men, 0.01% of women
#b46c02 Deuteranomaly 6% of men, 0.4% of women
#d6533b Tritanomaly 0.01% of the population