#e55055 hex color

In a RGB color space, hex #e55055 is composed of 89.8% red, 31.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 62.9% yellow and 10.2% black. It has a hue angle of 358 degrees, a saturation of 74.1% and a lightness of 60.6%. #e55055 color hex could be obtained by blending #ffa0aa with #cb0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 90
- G 31
- B 33
RGB color chart
- C 0
- M 65
- Y 63
- K 10
CMYK color chart

● #e55055 color description : Soft red.

The hexadecimal color #e55055 has RGB values of R:229, G:80, B:85 and CMYK values of C:0, M:0.65, Y:0.63, K:0.1. Its decimal value is 15028309.

Hex triplet	e55055	`#e55055`
RGB Decimal	229, 80, 85	`rgb(229,80,85)`
RGB Percent	89.8, 31.4, 33.3	`rgb(89.8%,31.4%,33.3%)`
CMYK	0, 65, 63, 10
HSL	358°, 74.1, 60.6	`hsl(358,74.1%,60.6%)`
HSV (or HSB)	358°, 65.1, 89.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.129, 57.908, 29.193
XYZ	36.823, 23.055, 11.105
xyY	0.519, 0.325, 23.055
CIE-LCH	55.129, 64.85, 26.754
CIE-LUV	55.129, 111.985, 21.855
Hunter-Lab	48.016, 52.862, 19.899
Binary	11100101, 01010000, 01010101

#e55055
```
#e55055 rgb(229,80,85)
```
#50e5e0
```
#50e5e0 rgb(80,229,224)
```

Complementary Color

#e550a0
```
#e550a0 rgb(229,80,160)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#e59650
```
#e59650 rgb(229,150,80)
```

Analogous Color

#50a0e5
```
#50a0e5 rgb(80,160,229)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#50e596
```
#50e596 rgb(80,229,150)
```

Split Complementary Color

#5055e5
```
#5055e5 rgb(80,85,229)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#55e550
```
#55e550 rgb(85,229,80)
```

Triadic Color

#e050e5
```
#e050e5 rgb(224,80,229)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#55e550
```
#55e550 rgb(85,229,80)
```
#50e5e0
```
#50e5e0 rgb(80,229,224)
```

Tetradic Color

#ca1e24
```
#ca1e24 rgb(202,30,36)
```
#de242a
```
#de242a rgb(222,36,42)
```
#e23a3f
```
#e23a3f rgb(226,58,63)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#e8666b
```
#e8666b rgb(232,102,107)
```
#ec7c80
```
#ec7c80 rgb(236,124,128)
```
#ef9396
```
#ef9396 rgb(239,147,150)
```

Monochromatic Color

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

#e5507a
```
#e5507a rgb(229,80,122)
```
#e5506e
```
#e5506e rgb(229,80,110)
```
#e55061
```
#e55061 rgb(229,80,97)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#e55750
```
#e55750 rgb(229,87,80)
```
#e56450
```
#e56450 rgb(229,100,80)
```
#e57050
```
#e57050 rgb(229,112,80)
```

Similar Colors

Text with hexadecimal color #e55055

This text has a font color of #e55055.

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

#e55055 background color

This paragraph has a background color of #e55055.

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

#e55055 border color

This element has a border color of #e55055.

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

CSS codes

.text {color:#e55055;}

.background {background-color:#e55055;}

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

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

#0d0202
```
#0d0202 rgb(13,2,2)
```
#1e0405
```
#1e0405 rgb(30,4,5)
```
#2f0708
```
#2f0708 rgb(47,7,8)
```
#400a0b
```
#400a0b rgb(64,10,11)
```
#510c0e
```
#510c0e rgb(81,12,14)
```
#620f11
```
#620f11 rgb(98,15,17)
```
#731114
```
#731114 rgb(115,17,20)
```
#841417
```
#841417 rgb(132,20,23)
```
#95161a
```
#95161a rgb(149,22,26)
```
#a7191e
```
#a7191e rgb(167,25,30)
```
#b81b21
```
#b81b21 rgb(184,27,33)
```
#c91e24
```
#c91e24 rgb(201,30,36)
```
#da2027
```
#da2027 rgb(218,32,39)
```

Shade Color Variation

#e02e34
```
#e02e34 rgb(224,46,52)
```
#e23f44
```
#e23f44 rgb(226,63,68)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#e86166
```
#e86166 rgb(232,97,102)
```
#ea7276
```
#ea7276 rgb(234,114,118)
```
#ed8387
```
#ed8387 rgb(237,131,135)
```
#ef9497
```
#ef9497 rgb(239,148,151)
```
#f2a5a8
```
#f2a5a8 rgb(242,165,168)
```
#f4b6b9
```
#f4b6b9 rgb(244,182,185)
```
#f7c8c9
```
#f7c8c9 rgb(247,200,201)
```
#f9d9da
```
#f9d9da rgb(249,217,218)
```
#fceaea
```
#fceaea rgb(252,234,234)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#9f9696
```
#9f9696 rgb(159,150,150)
```
#a78e8f
```
#a78e8f rgb(167,142,143)
```
#af8687
```
#af8687 rgb(175,134,135)
```
#b77e80
```
#b77e80 rgb(183,126,128)
```
#be7779
```
#be7779 rgb(190,119,121)
```
#c66f72
```
#c66f72 rgb(198,111,114)
```
#ce676b
```
#ce676b rgb(206,103,107)
```
#d65f63
```
#d65f63 rgb(214,95,99)
```
#dd585c
```
#dd585c rgb(221,88,92)
```
#e55055
```
#e55055 rgb(229,80,85)
```
#ed484e
```
#ed484e rgb(237,72,78)
```
#f44147
```
#f44147 rgb(244,65,71)
```
#fc393f
```
#fc393f rgb(252,57,63)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#927475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928a70 Protanopia 1% of men
#a68454 Deuteranopia 1% of men
#e6595d Tritanopia 0.001% of the population

Trichromacy

#b07466 Protanomaly 1% of men, 0.01% of women
#bd7154 Deuteranomaly 6% of men, 0.4% of women
#e5555a Tritanomaly 0.01% of the population

#e55055 hex color

#e55055 Color Information

#e55055 Color Conversion

Color Schemes with #e55055

Alternatives to #e55055

#e55055 Preview

Shades and Tints of #e55055

Tones of #e55055

Color Blindness Simulator