#d36312 hex color

In a RGB color space, hex #d36312 is composed of 82.7% red, 38.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 91.5% yellow and 17.3% black. It has a hue angle of 25.2 degrees, a saturation of 84.3% and a lightness of 44.9%. #d36312 color hex could be obtained by blending #ffc624 with #a70000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 83
- G 39
- B 7
RGB color chart
- C 0
- M 53
- Y 91
- K 17
CMYK color chart

● #d36312 color description : Strong orange.

The hexadecimal color #d36312 has RGB values of R:211, G:99, B:18 and CMYK values of C:0, M:0.53, Y:0.91, K:0.17. Its decimal value is 13853458.

Hex triplet	d36312	`#d36312`
RGB Decimal	211, 99, 18	`rgb(211,99,18)`
RGB Percent	82.7, 38.8, 7.1	`rgb(82.7%,38.8%,7.1%)`
CMYK	0, 53, 91, 17
HSL	25.2°, 84.3, 44.9	`hsl(25.2,84.3%,44.9%)`
HSV (or HSB)	25.2°, 91.5, 82.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.886, 40.239, 59.726
XYZ	31.436, 22.819, 3.321
xyY	0.546, 0.396, 22.819
CIE-LCH	54.886, 72.016, 56.031
CIE-LUV	54.886, 92.675, 47.751
Hunter-Lab	47.77, 33.871, 29.316
Binary	11010011, 01100011, 00010010

#d36312
```
#d36312 rgb(211,99,18)
```
#1282d3
```
#1282d3 rgb(18,130,211)
```

Complementary Color

#d31222
```
#d31222 rgb(211,18,34)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#d3c412
```
#d3c412 rgb(211,196,18)
```

Analogous Color

#1222d3
```
#1222d3 rgb(18,34,211)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#12d3c4
```
#12d3c4 rgb(18,211,196)
```

Split Complementary Color

#6312d3
```
#6312d3 rgb(99,18,211)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#12d363
```
#12d363 rgb(18,211,99)
```

Triadic Color

#d31282
```
#d31282 rgb(211,18,130)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#12d363
```
#12d363 rgb(18,211,99)
```
#1282d3
```
#1282d3 rgb(18,130,211)
```

Tetradic Color

#8d420c
```
#8d420c rgb(141,66,12)
```
#a44d0e
```
#a44d0e rgb(164,77,14)
```
#bc5810
```
#bc5810 rgb(188,88,16)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#ea6e14
```
#ea6e14 rgb(234,110,20)
```
#ed7c2b
```
#ed7c2b rgb(237,124,43)
```
#ef8b43
```
#ef8b43 rgb(239,139,67)
```

Monochromatic Color

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

#d33312
```
#d33312 rgb(211,51,18)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#d35312
```
#d35312 rgb(211,83,18)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#d37312
```
#d37312 rgb(211,115,18)
```
#d38312
```
#d38312 rgb(211,131,18)
```
#d39312
```
#d39312 rgb(211,147,18)
```

Similar Colors

Text with hexadecimal color #d36312

This text has a font color of #d36312.

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

#d36312 background color

This paragraph has a background color of #d36312.

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

#d36312 border color

This element has a border color of #d36312.

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

CSS codes

.text {color:#d36312;}

.background {background-color:#d36312;}

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

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

#0c0601
```
#0c0601 rgb(12,6,1)
```
#1e0e03
```
#1e0e03 rgb(30,14,3)
```
#301704
```
#301704 rgb(48,23,4)
```
#421f06
```
#421f06 rgb(66,31,6)
```
#542807
```
#542807 rgb(84,40,7)
```
#673009
```
#673009 rgb(103,48,9)
```
#79390a
```
#79390a rgb(121,57,10)
```
#8b410c
```
#8b410c rgb(139,65,12)
```
#9d4a0d
```
#9d4a0d rgb(157,74,13)
```
#af520f
```
#af520f rgb(175,82,15)
```
#c15b10
```
#c15b10 rgb(193,91,16)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#e56b14
```
#e56b14 rgb(229,107,20)
```

Shade Color Variation

#ec7620
```
#ec7620 rgb(236,118,32)
```
#ee8132
```
#ee8132 rgb(238,129,50)
```
#ef8c44
```
#ef8c44 rgb(239,140,68)
```
#f19756
```
#f19756 rgb(241,151,86)
```
#f2a269
```
#f2a269 rgb(242,162,105)
```
#f4ad7b
```
#f4ad7b rgb(244,173,123)
```
#f5b98d
```
#f5b98d rgb(245,185,141)
```
#f7c49f
```
#f7c49f rgb(247,196,159)
```
#f8cfb1
```
#f8cfb1 rgb(248,207,177)
```
#fadac3
```
#fadac3 rgb(250,218,195)
```
#fbe5d5
```
#fbe5d5 rgb(251,229,213)
```
#fdf0e7
```
#fdf0e7 rgb(253,240,231)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7b716a
```
#7b716a rgb(123,113,106)
```
#847061
```
#847061 rgb(132,112,97)
```
#8d6e58
```
#8d6e58 rgb(141,110,88)
```
#956d50
```
#956d50 rgb(149,109,80)
```
#9e6b47
```
#9e6b47 rgb(158,107,71)
```
#a76a3e
```
#a76a3e rgb(167,106,62)
```
#b06935
```
#b06935 rgb(176,105,53)
```
#b9672c
```
#b9672c rgb(185,103,44)
```
#c16624
```
#c16624 rgb(193,102,36)
```
#ca641b
```
#ca641b rgb(202,100,27)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#dc6209
```
#dc6209 rgb(220,98,9)
```
#e56000
```
#e56000 rgb(229,96,0)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8d7666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a26 Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#d8646a Tritanopia 0.001% of the population

Trichromacy

#ae7b1e Protanomaly 1% of men, 0.01% of women
#ba7706 Deuteranomaly 6% of men, 0.4% of women
#d6634a Tritanomaly 0.01% of the population

#d36312 hex color

#d36312 Color Information

#d36312 Color Conversion

Color Schemes with #d36312

Alternatives to #d36312

#d36312 Preview

Shades and Tints of #d36312

Tones of #d36312

Color Blindness Simulator