#d45012 hex color

In a RGB color space, hex #d45012 is composed of 83.1% red, 31.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 91.5% yellow and 16.9% black. It has a hue angle of 19.2 degrees, a saturation of 84.3% and a lightness of 45.1%. #d45012 color hex could be obtained by blending #ffa024 with #a90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 83
- G 31
- B 7
RGB color chart
- C 0
- M 62
- Y 92
- K 17
CMYK color chart

● #d45012 color description : Strong orange.

The hexadecimal color #d45012 has RGB values of R:212, G:80, B:18 and CMYK values of C:0, M:0.62, Y:0.92, K:0.17. Its decimal value is 13914130.

Hex triplet	d45012	`#d45012`
RGB Decimal	212, 80, 18	`rgb(212,80,18)`
RGB Percent	83.1, 31.4, 7.1	`rgb(83.1%,31.4%,7.1%)`
CMYK	0, 62, 92, 17
HSL	19.2°, 84.3, 45.1	`hsl(19.2,84.3%,45.1%)`
HSV (or HSB)	19.2°, 91.5, 83.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.589, 49.593, 57.473
XYZ	30.131, 19.781, 2.804
xyY	0.572, 0.375, 19.781
CIE-LCH	51.589, 75.912, 49.209
CIE-LUV	51.589, 108.41, 42.042
Hunter-Lab	44.476, 43.092, 27.396
Binary	11010100, 01010000, 00010010

#d45012
```
#d45012 rgb(212,80,18)
```
#1296d4
```
#1296d4 rgb(18,150,212)
```

Complementary Color

#d41235
```
#d41235 rgb(212,18,53)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#d4b112
```
#d4b112 rgb(212,177,18)
```

Analogous Color

#1235d4
```
#1235d4 rgb(18,53,212)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#12d4b1
```
#12d4b1 rgb(18,212,177)
```

Split Complementary Color

#5012d4
```
#5012d4 rgb(80,18,212)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#12d450
```
#12d450 rgb(18,212,80)
```

Triadic Color

#d41296
```
#d41296 rgb(212,18,150)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#12d450
```
#12d450 rgb(18,212,80)
```
#1296d4
```
#1296d4 rgb(18,150,212)
```

Tetradic Color

#8d350c
```
#8d350c rgb(141,53,12)
```
#a53e0e
```
#a53e0e rgb(165,62,14)
```
#bc4710
```
#bc4710 rgb(188,71,16)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#eb5914
```
#eb5914 rgb(235,89,20)
```
#ed6a2c
```
#ed6a2c rgb(237,106,44)
```
#ef7a43
```
#ef7a43 rgb(239,122,67)
```

Monochromatic Color

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

#d42012
```
#d42012 rgb(212,32,18)
```
#d43012
```
#d43012 rgb(212,48,18)
```
#d44012
```
#d44012 rgb(212,64,18)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#d46012
```
#d46012 rgb(212,96,18)
```
#d47012
```
#d47012 rgb(212,112,18)
```
#d48112
```
#d48112 rgb(212,129,18)
```

Similar Colors

Text with hexadecimal color #d45012

This text has a font color of #d45012.

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

#d45012 background color

This paragraph has a background color of #d45012.

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

#d45012 border color

This element has a border color of #d45012.

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

CSS codes

.text {color:#d45012;}

.background {background-color:#d45012;}

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

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

#0d0501
```
#0d0501 rgb(13,5,1)
```
#1f0c03
```
#1f0c03 rgb(31,12,3)
```
#311304
```
#311304 rgb(49,19,4)
```
#431906
```
#431906 rgb(67,25,6)
```
#552007
```
#552007 rgb(85,32,7)
```
#682709
```
#682709 rgb(104,39,9)
```
#7a2e0a
```
#7a2e0a rgb(122,46,10)
```
#8c350c
```
#8c350c rgb(140,53,12)
```
#9e3c0d
```
#9e3c0d rgb(158,60,13)
```
#b0420f
```
#b0420f rgb(176,66,15)
```
#c24910
```
#c24910 rgb(194,73,16)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#e65714
```
#e65714 rgb(230,87,20)
```

Shade Color Variation

#ec6221
```
#ec6221 rgb(236,98,33)
```
#ee6f33
```
#ee6f33 rgb(238,111,51)
```
#ef7c45
```
#ef7c45 rgb(239,124,69)
```
#f18857
```
#f18857 rgb(241,136,87)
```
#f29569
```
#f29569 rgb(242,149,105)
```
#f4a27b
```
#f4a27b rgb(244,162,123)
```
#f5af8e
```
#f5af8e rgb(245,175,142)
```
#f7bca0
```
#f7bca0 rgb(247,188,160)
```
#f8c8b2
```
#f8c8b2 rgb(248,200,178)
```
#fad5c4
```
#fad5c4 rgb(250,213,196)
```
#fce2d6
```
#fce2d6 rgb(252,226,214)
```
#fdefe8
```
#fdefe8 rgb(253,239,232)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#7c706a
```
#7c706a rgb(124,112,106)
```
#846d62
```
#846d62 rgb(132,109,98)
```
#8d6a59
```
#8d6a59 rgb(141,106,89)
```
#966650
```
#966650 rgb(150,102,80)
```
#9f6347
```
#9f6347 rgb(159,99,71)
```
#a8603e
```
#a8603e rgb(168,96,62)
```
#b15d35
```
#b15d35 rgb(177,93,53)
```
#b95a2d
```
#b95a2d rgb(185,90,45)
```
#c25624
```
#c25624 rgb(194,86,36)
```
#cb531b
```
#cb531b rgb(203,83,27)
```
#d45012
```
#d45012 rgb(212,80,18)
```
#dd4d09
```
#dd4d09 rgb(221,77,9)
```
#e64a00
```
#e64a00 rgb(230,74,0)
```

Tone Color Variation

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

Dichromacy

#908228 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#d75358 Tritanopia 0.001% of the population

Trichromacy

#a96f20 Protanomaly 1% of men, 0.01% of women
#b46b06 Deuteranomaly 6% of men, 0.4% of women
#d6523e Tritanomaly 0.01% of the population

#d45012 hex color

#d45012 Color Information

#d45012 Color Conversion

Color Schemes with #d45012

Alternatives to #d45012

#d45012 Preview

Shades and Tints of #d45012

Tones of #d45012

Color Blindness Simulator