#de3345 hex color

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

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

● #de3345 color description : Bright red.

The hexadecimal color #de3345 has RGB values of R:222, G:51, B:69 and CMYK values of C:0, M:0.77, Y:0.69, K:0.13. Its decimal value is 14562117.

Hex triplet	de3345	`#de3345`
RGB Decimal	222, 51, 69	`rgb(222,51,69)`
RGB Percent	87.1, 20, 27.1	`rgb(87.1%,20%,27.1%)`
CMYK	0, 77, 69, 13
HSL	353.7°, 72.2, 53.5	`hsl(353.7,72.2%,53.5%)`
HSV (or HSB)	353.7°, 77, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.895, 65.19, 31.763
XYZ	32.384, 18.331, 7.463
xyY	0.557, 0.315, 18.331
CIE-LCH	49.895, 72.517, 25.977
CIE-LUV	49.895, 126.487, 20.754
Hunter-Lab	42.814, 60.087, 19.635
Binary	11011110, 00110011, 01000101

#de3345
```
#de3345 rgb(222,51,69)
```
#33decc
```
#33decc rgb(51,222,204)
```

Complementary Color

#de339b
```
#de339b rgb(222,51,155)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#de7733
```
#de7733 rgb(222,119,51)
```

Analogous Color

#339bde
```
#339bde rgb(51,155,222)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#33de77
```
#33de77 rgb(51,222,119)
```

Split Complementary Color

#3345de
```
#3345de rgb(51,69,222)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#45de33
```
#45de33 rgb(69,222,51)
```

Triadic Color

#cc33de
```
#cc33de rgb(204,51,222)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#45de33
```
#45de33 rgb(69,222,51)
```
#33decc
```
#33decc rgb(51,222,204)
```

Tetradic Color

#a91b2a
```
#a91b2a rgb(169,27,42)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#d52235
```
#d52235 rgb(213,34,53)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#e24959
```
#e24959 rgb(226,73,89)
```
#e55f6d
```
#e55f6d rgb(229,95,109)
```
#e97581
```
#e97581 rgb(233,117,129)
```

Monochromatic Color

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

#de3370
```
#de3370 rgb(222,51,112)
```
#de3361
```
#de3361 rgb(222,51,97)
```
#de3353
```
#de3353 rgb(222,51,83)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#de3337
```
#de3337 rgb(222,51,55)
```
#de3e33
```
#de3e33 rgb(222,62,51)
```
#de4c33
```
#de4c33 rgb(222,76,51)
```

Similar Colors

Text with hexadecimal color #de3345

This text has a font color of #de3345.

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

#de3345 background color

This paragraph has a background color of #de3345.

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

#de3345 border color

This element has a border color of #de3345.

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

CSS codes

.text {color:#de3345;}

.background {background-color:#de3345;}

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

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

#0f0304
```
#0f0304 rgb(15,3,4)
```
#200508
```
#200508 rgb(32,5,8)
```
#31080c
```
#31080c rgb(49,8,12)
```
#420b11
```
#420b11 rgb(66,11,17)
```
#530d15
```
#530d15 rgb(83,13,21)
```
#641019
```
#641019 rgb(100,16,25)
```
#75131d
```
#75131d rgb(117,19,29)
```
#861621
```
#861621 rgb(134,22,33)
```
#971826
```
#971826 rgb(151,24,38)
```
#a71b2a
```
#a71b2a rgb(167,27,42)
```
#b81e2e
```
#b81e2e rgb(184,30,46)
```
#c92132
```
#c92132 rgb(201,33,50)
```
#da2337
```
#da2337 rgb(218,35,55)
```

Shade Color Variation

#de3345
```
#de3345 rgb(222,51,69)
```
#e14454
```
#e14454 rgb(225,68,84)
```
#e35564
```
#e35564 rgb(227,85,100)
```
#e66673
```
#e66673 rgb(230,102,115)
```
#e97783
```
#e97783 rgb(233,119,131)
```
#ec8792
```
#ec8792 rgb(236,135,146)
```
#ee98a1
```
#ee98a1 rgb(238,152,161)
```
#f1a9b1
```
#f1a9b1 rgb(241,169,177)
```
#f4bac0
```
#f4bac0 rgb(244,186,192)
```
#f7cbd0
```
#f7cbd0 rgb(247,203,208)
```
#f9dcdf
```
#f9dcdf rgb(249,220,223)
```
#fcedee
```
#fcedee rgb(252,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8c8586
```
#8c8586 rgb(140,133,134)
```
#957c7f
```
#957c7f rgb(149,124,127)
```
#9e7377
```
#9e7377 rgb(158,115,119)
```
#a76a70
```
#a76a70 rgb(167,106,112)
```
#b06169
```
#b06169 rgb(176,97,105)
```
#ba5762
```
#ba5762 rgb(186,87,98)
```
#c34e5b
```
#c34e5b rgb(195,78,91)
```
#cc4553
```
#cc4553 rgb(204,69,83)
```
#d53c4c
```
#d53c4c rgb(213,60,76)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#e72a3e
```
#e72a3e rgb(231,42,62)
```
#f02137
```
#f02137 rgb(240,33,55)
```
#f9182f
```
#f9182f rgb(249,24,47)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#805d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d64 Protanopia 1% of men
#997843 Deuteranopia 1% of men
#df3f42 Tritanopia 0.001% of the population

Trichromacy

#a56258 Protanomaly 1% of men, 0.01% of women
#b25f43 Deuteranomaly 6% of men, 0.4% of women
#de3b43 Tritanomaly 0.01% of the population

#de3345 hex color

#de3345 Color Information

#de3345 Color Conversion

Color Schemes with #de3345

Alternatives to #de3345

#de3345 Preview

Shades and Tints of #de3345

Tones of #de3345

Color Blindness Simulator