#de1f33 hex color

In a RGB color space, hex #de1f33 is composed of 87.1% red, 12.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 77% yellow and 12.9% black. It has a hue angle of 353.7 degrees, a saturation of 75.5% and a lightness of 49.6%. #de1f33 color hex could be obtained by blending #ff3e66 with #bd0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 12
- B 20
RGB color chart
- C 0
- M 86
- Y 77
- K 13
CMYK color chart

● #de1f33 color description : Vivid red.

The hexadecimal color #de1f33 has RGB values of R:222, G:31, B:51 and CMYK values of C:0, M:0.86, Y:0.77, K:0.13. Its decimal value is 14556979.

Hex triplet	de1f33	`#de1f33`
RGB Decimal	222, 31, 51	`rgb(222,31,51)`
RGB Percent	87.1, 12.2, 20	`rgb(87.1%,12.2%,20%)`
CMYK	0, 86, 77, 13
HSL	353.7°, 75.5, 49.6	`hsl(353.7,75.5%,49.6%)`
HSV (or HSB)	353.7°, 86, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.947, 69.329, 39.986
XYZ	31.213, 16.753, 4.722
xyY	0.592, 0.318, 16.753
CIE-LCH	47.947, 80.034, 29.975
CIE-LUV	47.947, 139.006, 24.861
Hunter-Lab	40.93, 64.498, 21.811
Binary	11011110, 00011111, 00110011

#de1f33
```
#de1f33 rgb(222,31,51)
```
#1fdeca
```
#1fdeca rgb(31,222,202)
```

Complementary Color

#de1f93
```
#de1f93 rgb(222,31,147)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#de6b1f
```
#de6b1f rgb(222,107,31)
```

Analogous Color

#1f93de
```
#1f93de rgb(31,147,222)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#1fde6b
```
#1fde6b rgb(31,222,107)
```

Split Complementary Color

#1f33de
```
#1f33de rgb(31,51,222)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#33de1f
```
#33de1f rgb(51,222,31)
```

Triadic Color

#ca1fde
```
#ca1fde rgb(202,31,222)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#33de1f
```
#33de1f rgb(51,222,31)
```
#1fdeca
```
#1fdeca rgb(31,222,202)
```

Tetradic Color

#9b1624
```
#9b1624 rgb(155,22,36)
```
#b11929
```
#b11929 rgb(177,25,41)
```
#c81c2e
```
#c81c2e rgb(200,28,46)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#e33446
```
#e33446 rgb(227,52,70)
```
#e64a5b
```
#e64a5b rgb(230,74,91)
```
#e9616f
```
#e9616f rgb(233,97,111)
```

Monochromatic Color

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

#de1f63
```
#de1f63 rgb(222,31,99)
```
#de1f53
```
#de1f53 rgb(222,31,83)
```
#de1f43
```
#de1f43 rgb(222,31,67)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#de1f23
```
#de1f23 rgb(222,31,35)
```
#de2b1f
```
#de2b1f rgb(222,43,31)
```
#de3b1f
```
#de3b1f rgb(222,59,31)
```

Similar Colors

Text with hexadecimal color #de1f33

This text has a font color of #de1f33.

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

#de1f33 background color

This paragraph has a background color of #de1f33.

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

#de1f33 border color

This element has a border color of #de1f33.

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

CSS codes

.text {color:#de1f33;}

.background {background-color:#de1f33;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#210508
```
#210508 rgb(33,5,8)
```
#32070b
```
#32070b rgb(50,7,11)
```
#43090f
```
#43090f rgb(67,9,15)
```
#540c13
```
#540c13 rgb(84,12,19)
```
#660e17
```
#660e17 rgb(102,14,23)
```
#77111b
```
#77111b rgb(119,17,27)
```
#88131f
```
#88131f rgb(136,19,31)
```
#991523
```
#991523 rgb(153,21,35)
```
#aa1827
```
#aa1827 rgb(170,24,39)
```
#bc1a2b
```
#bc1a2b rgb(188,26,43)
```
#cd1d2f
```
#cd1d2f rgb(205,29,47)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```

Shade Color Variation

#e22f41
```
#e22f41 rgb(226,47,65)
```
#e44051
```
#e44051 rgb(228,64,81)
```
#e75161
```
#e75161 rgb(231,81,97)
```
#e96270
```
#e96270 rgb(233,98,112)
```
#ec7480
```
#ec7480 rgb(236,116,128)
```
#ee8590
```
#ee8590 rgb(238,133,144)
```
#f0969f
```
#f0969f rgb(240,150,159)
```
#f3a7af
```
#f3a7af rgb(243,167,175)
```
#f5b8bf
```
#f5b8bf rgb(245,184,191)
```
#f8cace
```
#f8cace rgb(248,202,206)
```
#fadbde
```
#fadbde rgb(250,219,222)
```
#fcecee
```
#fcecee rgb(252,236,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#867778
```
#867778 rgb(134,119,120)
```
#906d71
```
#906d71 rgb(144,109,113)
```
#9a6369
```
#9a6369 rgb(154,99,105)
```
#a45961
```
#a45961 rgb(164,89,97)
```
#ad5059
```
#ad5059 rgb(173,80,89)
```
#b74652
```
#b74652 rgb(183,70,82)
```
#c13c4a
```
#c13c4a rgb(193,60,74)
```
#cb3242
```
#cb3242 rgb(203,50,66)
```
#d4293b
```
#d4293b rgb(212,41,59)
```
#de1f33
```
#de1f33 rgb(222,31,51)
```
#e8152b
```
#e8152b rgb(232,21,43)
```
#f10c24
```
#f10c24 rgb(241,12,36)
```
#fb021c
```
#fb021c rgb(251,2,28)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#744e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827952 Protanopia 1% of men
#95732f Deuteranopia 1% of men
#df2d2d Tritanopia 0.001% of the population

Trichromacy

#a45847 Protanomaly 1% of men, 0.01% of women
#b05430 Deuteranomaly 6% of men, 0.4% of women
#de282f Tritanomaly 0.01% of the population

#de1f33 hex color

#de1f33 Color Information

#de1f33 Color Conversion

Color Schemes with #de1f33

Alternatives to #de1f33

#de1f33 Preview

Shades and Tints of #de1f33

Tones of #de1f33

Color Blindness Simulator