#de2316 hex color

In a RGB color space, hex #de2316 is composed of 87.1% red, 13.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.2% magenta, 90.1% yellow and 12.9% black. It has a hue angle of 3.9 degrees, a saturation of 82% and a lightness of 47.8%. #de2316 color hex could be obtained by blending #ff462c with #bd0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 14
- B 9
RGB color chart
- C 0
- M 84
- Y 90
- K 13
CMYK color chart

● #de2316 color description : Vivid red.

The hexadecimal color #de2316 has RGB values of R:222, G:35, B:22 and CMYK values of C:0, M:0.84, Y:0.9, K:0.13. Its decimal value is 14557974.

Hex triplet	de2316	`#de2316`
RGB Decimal	222, 35, 22	`rgb(222,35,22)`
RGB Percent	87.1, 13.7, 8.6	`rgb(87.1%,13.7%,8.6%)`
CMYK	0, 84, 90, 13
HSL	3.9°, 82, 47.8	`hsl(3.9,82%,47.8%)`
HSV (or HSB)	3.9°, 90.1, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.999, 67.841, 54.462
XYZ	30.872, 16.794, 2.375
xyY	0.617, 0.336, 16.794
CIE-LCH	47.999, 86.997, 38.757
CIE-LUV	47.999, 142.345, 33.085
Hunter-Lab	40.98, 62.756, 25.25
Binary	11011110, 00100011, 00010110

#de2316
```
#de2316 rgb(222,35,22)
```
#16d1de
```
#16d1de rgb(22,209,222)
```

Complementary Color

#de166d
```
#de166d rgb(222,22,109)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#de8716
```
#de8716 rgb(222,135,22)
```

Analogous Color

#166dde
```
#166dde rgb(22,109,222)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#16de87
```
#16de87 rgb(22,222,135)
```

Split Complementary Color

#2316de
```
#2316de rgb(35,22,222)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#16de23
```
#16de23 rgb(22,222,35)
```

Triadic Color

#de16d1
```
#de16d1 rgb(222,22,209)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#16de23
```
#16de23 rgb(22,222,35)
```
#16d1de
```
#16d1de rgb(22,209,222)
```

Tetradic Color

#98180f
```
#98180f rgb(152,24,15)
```
#b01c11
```
#b01c11 rgb(176,28,17)
```
#c71f14
```
#c71f14 rgb(199,31,20)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#e93124
```
#e93124 rgb(233,49,36)
```
#ec473b
```
#ec473b rgb(236,71,59)
```
#ee5d53
```
#ee5d53 rgb(238,93,83)
```

Monochromatic Color

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

#de163b
```
#de163b rgb(222,22,59)
```
#de162a
```
#de162a rgb(222,22,42)
```
#de161a
```
#de161a rgb(222,22,26)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#de3416
```
#de3416 rgb(222,52,22)
```
#de4416
```
#de4416 rgb(222,68,22)
```
#de5516
```
#de5516 rgb(222,85,22)
```

Similar Colors

Text with hexadecimal color #de2316

This text has a font color of #de2316.

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

#de2316 background color

This paragraph has a background color of #de2316.

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

#de2316 border color

This element has a border color of #de2316.

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

CSS codes

.text {color:#de2316;}

.background {background-color:#de2316;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0403
```
#1a0403 rgb(26,4,3)
```
#2c0704
```
#2c0704 rgb(44,7,4)
```
#3d0a06
```
#3d0a06 rgb(61,10,6)
```
#4f0c08
```
#4f0c08 rgb(79,12,8)
```
#610f0a
```
#610f0a rgb(97,15,10)
```
#73120b
```
#73120b rgb(115,18,11)
```
#85150d
```
#85150d rgb(133,21,13)
```
#97180f
```
#97180f rgb(151,24,15)
```
#a81b11
```
#a81b11 rgb(168,27,17)
```
#ba1d12
```
#ba1d12 rgb(186,29,18)
```
#cc2014
```
#cc2014 rgb(204,32,20)
```
#de2316
```
#de2316 rgb(222,35,22)
```

Shade Color Variation

#e92c1f
```
#e92c1f rgb(233,44,31)
```
#eb3d31
```
#eb3d31 rgb(235,61,49)
```
#ec4e43
```
#ec4e43 rgb(236,78,67)
```
#ee5e54
```
#ee5e54 rgb(238,94,84)
```
#f06f66
```
#f06f66 rgb(240,111,102)
```
#f28078
```
#f28078 rgb(242,128,120)
```
#f3918a
```
#f3918a rgb(243,145,138)
```
#f5a29c
```
#f5a29c rgb(245,162,156)
```
#f7b2ae
```
#f7b2ae rgb(247,178,174)
```
#f9c3bf
```
#f9c3bf rgb(249,195,191)
```
#fad4d1
```
#fad4d1 rgb(250,212,209)
```
#fce5e3
```
#fce5e3 rgb(252,229,227)
```
#fef6f5
```
#fef6f5 rgb(254,246,245)
```

Tint Color Variation

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

#807574
```
#807574 rgb(128,117,116)
```
#8a6c6a
```
#8a6c6a rgb(138,108,106)
```
#936461
```
#936461 rgb(147,100,97)
```
#9c5c58
```
#9c5c58 rgb(156,92,88)
```
#a6544e
```
#a6544e rgb(166,84,78)
```
#af4c45
```
#af4c45 rgb(175,76,69)
```
#b8443c
```
#b8443c rgb(184,68,60)
```
#c23b32
```
#c23b32 rgb(194,59,50)
```
#cb3329
```
#cb3329 rgb(203,51,41)
```
#d52b1f
```
#d52b1f rgb(213,43,31)
```
#de2316
```
#de2316 rgb(222,35,22)
```
#e71b0d
```
#e71b0d rgb(231,27,13)
```
#f11303
```
#f11303 rgb(241,19,3)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#744e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#867932 Protanopia 1% of men
#977300 Deuteranopia 1% of men
#df2d2c Tritanopia 0.001% of the population

Trichromacy

#a65a28 Protanomaly 1% of men, 0.01% of women
#b15608 Deuteranomaly 6% of men, 0.4% of women
#df2924 Tritanomaly 0.01% of the population

#de2316 hex color

#de2316 Color Information

#de2316 Color Conversion

Color Schemes with #de2316

Alternatives to #de2316

#de2316 Preview

Shades and Tints of #de2316

Tones of #de2316

Color Blindness Simulator