#de3531 hex color

In a RGB color space, hex #de3531 is composed of 87.1% red, 20.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 77.9% yellow and 12.9% black. It has a hue angle of 1.4 degrees, a saturation of 72.4% and a lightness of 53.1%. #de3531 color hex could be obtained by blending #ff6a62 with #bd0000. Closest websafe color is: #cc3333.

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

● #de3531 color description : Bright red.

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

Hex triplet	de3531	`#de3531`
RGB Decimal	222, 53, 49	`rgb(222,53,49)`
RGB Percent	87.1, 20.8, 19.2	`rgb(87.1%,20.8%,19.2%)`
CMYK	0, 76, 78, 13
HSL	1.4°, 72.4, 53.1	`hsl(1.4,72.4%,53.1%)`
HSV (or HSB)	1.4°, 77.9, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.86, 63.788, 43.118
XYZ	31.953, 18.301, 4.756
xyY	0.581, 0.333, 18.301
CIE-LCH	49.86, 76.994, 34.057
CIE-LUV	49.86, 130.058, 29.298
Hunter-Lab	42.78, 58.459, 23.355
Binary	11011110, 00110101, 00110001

#de3531
```
#de3531 rgb(222,53,49)
```
#31dade
```
#31dade rgb(49,218,222)
```

Complementary Color

#de3184
```
#de3184 rgb(222,49,132)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#de8c31
```
#de8c31 rgb(222,140,49)
```

Analogous Color

#3184de
```
#3184de rgb(49,132,222)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#31de8c
```
#31de8c rgb(49,222,140)
```

Split Complementary Color

#3531de
```
#3531de rgb(53,49,222)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#31de35
```
#31de35 rgb(49,222,53)
```

Triadic Color

#de31da
```
#de31da rgb(222,49,218)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#31de35
```
#31de35 rgb(49,222,53)
```
#31dade
```
#31dade rgb(49,218,222)
```

Tetradic Color

#a81e1b
```
#a81e1b rgb(168,30,27)
```
#be221e
```
#be221e rgb(190,34,30)
```
#d42622
```
#d42622 rgb(212,38,34)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#e24b47
```
#e24b47 rgb(226,75,71)
```
#e5605d
```
#e5605d rgb(229,96,93)
```
#e97673
```
#e97673 rgb(233,118,115)
```

Monochromatic Color

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

#de3158
```
#de3158 rgb(222,49,88)
```
#de314a
```
#de314a rgb(222,49,74)
```
#de313b
```
#de313b rgb(222,49,59)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#de4331
```
#de4331 rgb(222,67,49)
```
#de5231
```
#de5231 rgb(222,82,49)
```
#de6031
```
#de6031 rgb(222,96,49)
```

Similar Colors

Text with hexadecimal color #de3531

This text has a font color of #de3531.

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

#de3531 background color

This paragraph has a background color of #de3531.

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

#de3531 border color

This element has a border color of #de3531.

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

CSS codes

.text {color:#de3531;}

.background {background-color:#de3531;}

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

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

#0e0202
```
#0e0202 rgb(14,2,2)
```
#1f0605
```
#1f0605 rgb(31,6,5)
```
#300908
```
#300908 rgb(48,9,8)
```
#410c0a
```
#410c0a rgb(65,12,10)
```
#510f0d
```
#510f0d rgb(81,15,13)
```
#621210
```
#621210 rgb(98,18,16)
```
#731512
```
#731512 rgb(115,21,18)
```
#841815
```
#841815 rgb(132,24,21)
```
#951b18
```
#951b18 rgb(149,27,24)
```
#a61e1b
```
#a61e1b rgb(166,30,27)
```
#b7211d
```
#b7211d rgb(183,33,29)
```
#c82420
```
#c82420 rgb(200,36,32)
```
#d92723
```
#d92723 rgb(217,39,35)
```

Shade Color Variation

#de3531
```
#de3531 rgb(222,53,49)
```
#e14642
```
#e14642 rgb(225,70,66)
```
#e35653
```
#e35653 rgb(227,86,83)
```
#e66764
```
#e66764 rgb(230,103,100)
```
#e97775
```
#e97775 rgb(233,119,117)
```
#ec8886
```
#ec8886 rgb(236,136,134)
```
#ee9896
```
#ee9896 rgb(238,152,150)
```
#f1a9a7
```
#f1a9a7 rgb(241,169,167)
```
#f4bab8
```
#f4bab8 rgb(244,186,184)
```
#f6cac9
```
#f6cac9 rgb(246,202,201)
```
#f9dbda
```
#f9dbda rgb(249,219,218)
```
#fcebeb
```
#fcebeb rgb(252,235,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#8b8484
```
#8b8484 rgb(139,132,132)
```
#947b7b
```
#947b7b rgb(148,123,123)
```
#9e7271
```
#9e7271 rgb(158,114,113)
```
#a76a68
```
#a76a68 rgb(167,106,104)
```
#b0615f
```
#b0615f rgb(176,97,95)
```
#b95856
```
#b95856 rgb(185,88,86)
```
#c24f4d
```
#c24f4d rgb(194,79,77)
```
#cc4743
```
#cc4743 rgb(204,71,67)
```
#d53e3a
```
#d53e3a rgb(213,62,58)
```
#de3531
```
#de3531 rgb(222,53,49)
```
#e72c28
```
#e72c28 rgb(231,44,40)
```
#f0231f
```
#f0231f rgb(240,35,31)
```
#fa1b15
```
#fa1b15 rgb(250,27,21)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7f5d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#897d4d Protanopia 1% of men
#9b772e Deuteranopia 1% of men
#df3e40 Tritanopia 0.001% of the population

Trichromacy

#a76342 Protanomaly 1% of men, 0.01% of women
#b35f2f Deuteranomaly 6% of men, 0.4% of women
#df3b3a Tritanomaly 0.01% of the population

#de3531 hex color

#de3531 Color Information

#de3531 Color Conversion

Color Schemes with #de3531

Alternatives to #de3531

#de3531 Preview

Shades and Tints of #de3531

Tones of #de3531

Color Blindness Simulator