#de4158 hex color

In a RGB color space, hex #de4158 is composed of 87.1% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 60.4% yellow and 12.9% black. It has a hue angle of 351.2 degrees, a saturation of 70.4% and a lightness of 56.3%. #de4158 color hex could be obtained by blending #ff82b0 with #bd0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 87
- G 25
- B 35
RGB color chart
- C 0
- M 71
- Y 60
- K 13
CMYK color chart

● #de4158 color description : Bright red.

The hexadecimal color #de4158 has RGB values of R:222, G:65, B:88 and CMYK values of C:0, M:0.71, Y:0.6, K:0.13. Its decimal value is 14565720.

Hex triplet	de4158	`#de4158`
RGB Decimal	222, 65, 88	`rgb(222,65,88)`
RGB Percent	87.1, 25.5, 34.5	`rgb(87.1%,25.5%,34.5%)`
CMYK	0, 71, 60, 13
HSL	351.2°, 70.4, 56.3	`hsl(351.2,70.4%,56.3%)`
HSV (or HSB)	351.2°, 70.7, 87.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	51.858, 61.667, 22.961
XYZ	33.777, 20.018, 11.317
xyY	0.519, 0.307, 20.018
CIE-LCH	51.858, 65.803, 20.422
CIE-LUV	51.858, 114.133, 14.317
Hunter-Lab	44.742, 56.457, 16.322
Binary	11011110, 01000001, 01011000

#de4158
```
#de4158 rgb(222,65,88)
```
#41dec7
```
#41dec7 rgb(65,222,199)
```

Complementary Color

#de41a7
```
#de41a7 rgb(222,65,167)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#de7941
```
#de7941 rgb(222,121,65)
```

Analogous Color

#41a7de
```
#41a7de rgb(65,167,222)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#41de79
```
#41de79 rgb(65,222,121)
```

Split Complementary Color

#4158de
```
#4158de rgb(65,88,222)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#58de41
```
#58de41 rgb(88,222,65)
```

Triadic Color

#c741de
```
#c741de rgb(199,65,222)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#58de41
```
#58de41 rgb(88,222,65)
```
#41dec7
```
#41dec7 rgb(65,222,199)
```

Tetradic Color

#b31f35
```
#b31f35 rgb(179,31,53)
```
#c9233b
```
#c9233b rgb(201,35,59)
```
#da2b45
```
#da2b45 rgb(218,43,69)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#e2576b
```
#e2576b rgb(226,87,107)
```
#e66c7e
```
#e66c7e rgb(230,108,126)
```
#e98291
```
#e98291 rgb(233,130,145)
```

Monochromatic Color

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

#de417f
```
#de417f rgb(222,65,127)
```
#de4172
```
#de4172 rgb(222,65,114)
```
#de4165
```
#de4165 rgb(222,65,101)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#de414b
```
#de414b rgb(222,65,75)
```
#de4441
```
#de4441 rgb(222,68,65)
```
#de5141
```
#de5141 rgb(222,81,65)
```

Similar Colors

Text with hexadecimal color #de4158

This text has a font color of #de4158.

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

#de4158 background color

This paragraph has a background color of #de4158.

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

#de4158 border color

This element has a border color of #de4158.

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

CSS codes

.text {color:#de4158;}

.background {background-color:#de4158;}

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

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

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1b0508
```
#1b0508 rgb(27,5,8)
```
#2c080d
```
#2c080d rgb(44,8,13)
```
#3d0b12
```
#3d0b12 rgb(61,11,18)
```
#4d0d17
```
#4d0d17 rgb(77,13,23)
```
#5e101c
```
#5e101c rgb(94,16,28)
```
#6f1321
```
#6f1321 rgb(111,19,33)
```
#801626
```
#801626 rgb(128,22,38)
```
#90192b
```
#90192b rgb(144,25,43)
```
#a11c2f
```
#a11c2f rgb(161,28,47)
```
#b21f34
```
#b21f34 rgb(178,31,52)
```
#c22239
```
#c22239 rgb(194,34,57)
```
#d3253e
```
#d3253e rgb(211,37,62)
```

Shade Color Variation

#db3049
```
#db3049 rgb(219,48,73)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#e15267
```
#e15267 rgb(225,82,103)
```
#e46275
```
#e46275 rgb(228,98,117)
```
#e77384
```
#e77384 rgb(231,115,132)
```
#ea8493
```
#ea8493 rgb(234,132,147)
```
#ed95a1
```
#ed95a1 rgb(237,149,161)
```
#efa5b0
```
#efa5b0 rgb(239,165,176)
```
#f2b6bf
```
#f2b6bf rgb(242,182,191)
```
#f5c7ce
```
#f5c7ce rgb(245,199,206)
```
#f8d7dc
```
#f8d7dc rgb(248,215,220)
```
#fbe8eb
```
#fbe8eb rgb(251,232,235)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#918e8f
```
#918e8f rgb(145,142,143)
```
#998689
```
#998689 rgb(153,134,137)
```
#a27d82
```
#a27d82 rgb(162,125,130)
```
#ab747c
```
#ab747c rgb(171,116,124)
```
#b36c76
```
#b36c76 rgb(179,108,118)
```
#bc6370
```
#bc6370 rgb(188,99,112)
```
#c45b6a
```
#c45b6a rgb(196,91,106)
```
#cd5264
```
#cd5264 rgb(205,82,100)
```
#d54a5e
```
#d54a5e rgb(213,74,94)
```
#de4158
```
#de4158 rgb(222,65,88)
```
#e73852
```
#e73852 rgb(231,56,82)
```
#ef304c
```
#ef304c rgb(239,48,76)
```
#f82746
```
#f82746 rgb(248,39,70)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#88696e Atypical Achromatopsia 0.001% of the population

Dichromacy

#878276 Protanopia 1% of men
#9b7d56 Deuteranopia 1% of men
#de4d51 Tritanopia 0.001% of the population

Trichromacy

#a66a6b Protanomaly 1% of men, 0.01% of women
#b36757 Deuteranomaly 6% of men, 0.4% of women
#de4953 Tritanomaly 0.01% of the population

#de4158 hex color

#de4158 Color Information

#de4158 Color Conversion

Color Schemes with #de4158

Alternatives to #de4158

#de4158 Preview

Shades and Tints of #de4158

Tones of #de4158

Color Blindness Simulator