#de9312 hex color

In a RGB color space, hex #de9312 is composed of 87.1% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.8% magenta, 91.9% yellow and 12.9% black. It has a hue angle of 37.9 degrees, a saturation of 85% and a lightness of 47.1%. #de9312 color hex could be obtained by blending #ffff24 with #bd2700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 87
- G 58
- B 7
RGB color chart
- C 0
- M 34
- Y 92
- K 13
CMYK color chart

● #de9312 color description : Vivid orange.

The hexadecimal color #de9312 has RGB values of R:222, G:147, B:18 and CMYK values of C:0, M:0.34, Y:0.92, K:0.13. Its decimal value is 14586642.

Hex triplet	de9312	`#de9312`
RGB Decimal	222, 147, 18	`rgb(222,147,18)`
RGB Percent	87.1, 57.6, 7.1	`rgb(87.1%,57.6%,7.1%)`
CMYK	0, 34, 92, 13
HSL	37.9°, 85, 47.1	`hsl(37.9,85%,47.1%)`
HSV (or HSB)	37.9°, 91.9, 87.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.857, 19.625, 69.084
XYZ	40.668, 36.444, 5.465
xyY	0.492, 0.441, 36.444
CIE-LCH	66.857, 71.818, 74.141
CIE-LUV	66.857, 62.242, 65.145
Hunter-Lab	60.369, 14.605, 36.891
Binary	11011110, 10010011, 00010010

#de9312
```
#de9312 rgb(222,147,18)
```
#125dde
```
#125dde rgb(18,93,222)
```

Complementary Color

#de2d12
```
#de2d12 rgb(222,45,18)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#c3de12
```
#c3de12 rgb(195,222,18)
```

Analogous Color

#2d12de
```
#2d12de rgb(45,18,222)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#12c3de
```
#12c3de rgb(18,195,222)
```

Split Complementary Color

#9312de
```
#9312de rgb(147,18,222)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#12de93
```
#12de93 rgb(18,222,147)
```

Triadic Color

#de125d
```
#de125d rgb(222,18,93)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#12de93
```
#12de93 rgb(18,222,147)
```
#125dde
```
#125dde rgb(18,93,222)
```

Tetradic Color

#97640c
```
#97640c rgb(151,100,12)
```
#af740e
```
#af740e rgb(175,116,14)
```
#c68310
```
#c68310 rgb(198,131,16)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#eda01d
```
#eda01d rgb(237,160,29)
```
#efaa34
```
#efaa34 rgb(239,170,52)
```
#f0b44c
```
#f0b44c rgb(240,180,76)
```

Monochromatic Color

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

#de6012
```
#de6012 rgb(222,96,18)
```
#de7112
```
#de7112 rgb(222,113,18)
```
#de8212
```
#de8212 rgb(222,130,18)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#dea412
```
#dea412 rgb(222,164,18)
```
#deb512
```
#deb512 rgb(222,181,18)
```
#dec612
```
#dec612 rgb(222,198,18)
```

Similar Colors

Text with hexadecimal color #de9312

This text has a font color of #de9312.

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

#de9312 background color

This paragraph has a background color of #de9312.

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

#de9312 border color

This element has a border color of #de9312.

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

CSS codes

.text {color:#de9312;}

.background {background-color:#de9312;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#160f02
```
#160f02 rgb(22,15,2)
```
#291b03
```
#291b03 rgb(41,27,3)
```
#3b2705
```
#3b2705 rgb(59,39,5)
```
#4d3306
```
#4d3306 rgb(77,51,6)
```
#5f3f08
```
#5f3f08 rgb(95,63,8)
```
#714b09
```
#714b09 rgb(113,75,9)
```
#83570b
```
#83570b rgb(131,87,11)
```
#95630c
```
#95630c rgb(149,99,12)
```
#a86f0e
```
#a86f0e rgb(168,111,14)
```
#ba7b0f
```
#ba7b0f rgb(186,123,15)
```
#cc8711
```
#cc8711 rgb(204,135,17)
```
#de9312
```
#de9312 rgb(222,147,18)
```

Shade Color Variation

#ec9e17
```
#ec9e17 rgb(236,158,23)
```
#eea62a
```
#eea62a rgb(238,166,42)
```
#efad3c
```
#efad3c rgb(239,173,60)
```
#f1b54e
```
#f1b54e rgb(241,181,78)
```
#f2bc60
```
#f2bc60 rgb(242,188,96)
```
#f4c472
```
#f4c472 rgb(244,196,114)
```
#f5cc84
```
#f5cc84 rgb(245,204,132)
```
#f7d396
```
#f7d396 rgb(247,211,150)
```
#f8dba9
```
#f8dba9 rgb(248,219,169)
```
#f9e2bb
```
#f9e2bb rgb(249,226,187)
```
#fbeacd
```
#fbeacd rgb(251,234,205)
```
#fcf2df
```
#fcf2df rgb(252,242,223)
```
#fef9f1
```
#fef9f1 rgb(254,249,241)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#827b6e
```
#827b6e rgb(130,123,110)
```
#8b7d65
```
#8b7d65 rgb(139,125,101)
```
#947f5c
```
#947f5c rgb(148,127,92)
```
#9d8253
```
#9d8253 rgb(157,130,83)
```
#a78449
```
#a78449 rgb(167,132,73)
```
#b08740
```
#b08740 rgb(176,135,64)
```
#b98937
```
#b98937 rgb(185,137,55)
```
#c28c2e
```
#c28c2e rgb(194,140,46)
```
#cc8e24
```
#cc8e24 rgb(204,142,36)
```
#d5911b
```
#d5911b rgb(213,145,27)
```
#de9312
```
#de9312 rgb(222,147,18)
```
#e79509
```
#e79509 rgb(231,149,9)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a89980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba722 Protanopia 1% of men
#d19f16 Deuteranopia 1% of men
#e58e98 Tritanopia 0.001% of the population

Trichromacy

#c8a01c Protanomaly 1% of men, 0.01% of women
#d69a15 Deuteranomaly 6% of men, 0.4% of women
#e39067 Tritanomaly 0.01% of the population

#de9312 hex color

#de9312 Color Information

#de9312 Color Conversion

Color Schemes with #de9312

Alternatives to #de9312

#de9312 Preview

Shades and Tints of #de9312

Tones of #de9312

Color Blindness Simulator