#de3101 hex color

In a RGB color space, hex #de3101 is composed of 87.1% red, 19.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 99.5% yellow and 12.9% black. It has a hue angle of 13 degrees, a saturation of 99.1% and a lightness of 43.7%. #de3101 color hex could be obtained by blending #ff6202 with #bd0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 19
- B 0
RGB color chart
- C 0
- M 78
- Y 100
- K 13
CMYK color chart

● #de3101 color description : Vivid red.

The hexadecimal color #de3101 has RGB values of R:222, G:49, B:1 and CMYK values of C:0, M:0.78, Y:1, K:0.13. Its decimal value is 14561537.

Hex triplet	de3101	`#de3101`
RGB Decimal	222, 49, 1	`rgb(222,49,1)`
RGB Percent	87.1, 19.2, 0.4	`rgb(87.1%,19.2%,0.4%)`
CMYK	0, 78, 100, 13
HSL	13°, 99.1, 43.7	`hsl(13,99.1%,43.7%)`
HSV (or HSB)	13°, 99.5, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.17, 64.117, 61.346
XYZ	31.23, 17.732, 1.807
xyY	0.615, 0.349, 17.732
CIE-LCH	49.17, 88.738, 43.735
CIE-LUV	49.17, 137.384, 37.714
Hunter-Lab	42.11, 58.688, 26.933
Binary	11011110, 00110001, 00000001

#de3101
```
#de3101 rgb(222,49,1)
```
#01aede
```
#01aede rgb(1,174,222)
```

Complementary Color

#de0140
```
#de0140 rgb(222,1,64)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#dea001
```
#dea001 rgb(222,160,1)
```

Analogous Color

#0140de
```
#0140de rgb(1,64,222)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#01dea0
```
#01dea0 rgb(1,222,160)
```

Split Complementary Color

#3101de
```
#3101de rgb(49,1,222)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#01de31
```
#01de31 rgb(1,222,49)
```

Triadic Color

#de01ae
```
#de01ae rgb(222,1,174)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#01de31
```
#01de31 rgb(1,222,49)
```
#01aede
```
#01aede rgb(1,174,222)
```

Tetradic Color

#922001
```
#922001 rgb(146,32,1)
```
#ab2601
```
#ab2601 rgb(171,38,1)
```
#c52b01
```
#c52b01 rgb(197,43,1)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#f73701
```
#f73701 rgb(247,55,1)
```
#fe4714
```
#fe4714 rgb(254,71,20)
```
#fe5b2d
```
#fe5b2d rgb(254,91,45)
```

Monochromatic Color

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

#de0108
```
#de0108 rgb(222,1,8)
```
#de0c01
```
#de0c01 rgb(222,12,1)
```
#de1f01
```
#de1f01 rgb(222,31,1)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#de4301
```
#de4301 rgb(222,67,1)
```
#de5601
```
#de5601 rgb(222,86,1)
```
#de6801
```
#de6801 rgb(222,104,1)
```

Similar Colors

Text with hexadecimal color #de3101

This text has a font color of #de3101.

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

#de3101 background color

This paragraph has a background color of #de3101.

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

#de3101 border color

This element has a border color of #de3101.

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

CSS codes

.text {color:#de3101;}

.background {background-color:#de3101;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1b0600
```
#1b0600 rgb(27,6,0)
```
#2e0a00
```
#2e0a00 rgb(46,10,0)
```
#420f00
```
#420f00 rgb(66,15,0)
```
#551300
```
#551300 rgb(85,19,0)
```
#691700
```
#691700 rgb(105,23,0)
```
#7c1b01
```
#7c1b01 rgb(124,27,1)
```
#902001
```
#902001 rgb(144,32,1)
```
#a32401
```
#a32401 rgb(163,36,1)
```
#b72801
```
#b72801 rgb(183,40,1)
```
#ca2d01
```
#ca2d01 rgb(202,45,1)
```
#de3101
```
#de3101 rgb(222,49,1)
```
#f23501
```
#f23501 rgb(242,53,1)
```

Shade Color Variation

#fe3e08
```
#fe3e08 rgb(254,62,8)
```
#fe4d1c
```
#fe4d1c rgb(254,77,28)
```
#fe5c2f
```
#fe5c2f rgb(254,92,47)
```
#fe6c43
```
#fe6c43 rgb(254,108,67)
```
#fe7b56
```
#fe7b56 rgb(254,123,86)
```
#fe8a6a
```
#fe8a6a rgb(254,138,106)
```
#fe9a7e
```
#fe9a7e rgb(254,154,126)
```
#ffa991
```
#ffa991 rgb(255,169,145)
```
#ffb8a5
```
#ffb8a5 rgb(255,184,165)
```
#ffc7b8
```
#ffc7b8 rgb(255,199,184)
```
#ffd7cc
```
#ffd7cc rgb(255,215,204)
```
#ffe6df
```
#ffe6df rgb(255,230,223)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#776b68
```
#776b68 rgb(119,107,104)
```
#80665f
```
#80665f rgb(128,102,95)
```
#886257
```
#886257 rgb(136,98,87)
```
#915d4e
```
#915d4e rgb(145,93,78)
```
#995846
```
#995846 rgb(153,88,70)
```
#a2533d
```
#a2533d rgb(162,83,61)
```
#ab4e34
```
#ab4e34 rgb(171,78,52)
```
#b3492c
```
#b3492c rgb(179,73,44)
```
#bc4423
```
#bc4423 rgb(188,68,35)
```
#c4401b
```
#c4401b rgb(196,64,27)
```
#cd3b12
```
#cd3b12 rgb(205,59,18)
```
#d5360a
```
#d5360a rgb(213,54,10)
```
#de3101
```
#de3101 rgb(222,49,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#78564c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c1d Protanopia 1% of men
#9a7600 Deuteranopia 1% of men
#e03839 Tritanopia 0.001% of the population

Trichromacy

#a96013 Protanomaly 1% of men, 0.01% of women
#b35d00 Deuteranomaly 6% of men, 0.4% of women
#df3524 Tritanomaly 0.01% of the population

#de3101 hex color

#de3101 Color Information

#de3101 Color Conversion

Color Schemes with #de3101

Alternatives to #de3101

#de3101 Preview

Shades and Tints of #de3101

Tones of #de3101

Color Blindness Simulator