#e06063 hex color

In a RGB color space, hex #e06063 is composed of 87.8% red, 37.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 55.8% yellow and 12.2% black. It has a hue angle of 358.6 degrees, a saturation of 67.4% and a lightness of 62.7%. #e06063 color hex could be obtained by blending #ffc0c6 with #c10000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 88
- G 38
- B 39
RGB color chart
- C 0
- M 57
- Y 56
- K 12
CMYK color chart

● #e06063 color description : Soft red.

The hexadecimal color #e06063 has RGB values of R:224, G:96, B:99 and CMYK values of C:0, M:0.57, Y:0.56, K:0.12. Its decimal value is 14704739.

Hex triplet	e06063	`#e06063`
RGB Decimal	224, 96, 99	`rgb(224,96,99)`
RGB Percent	87.8, 37.6, 38.8	`rgb(87.8%,37.6%,38.8%)`
CMYK	0, 57, 56, 12
HSL	358.6°, 67.4, 62.7	`hsl(358.6,67.4%,62.7%)`
HSV (or HSB)	358.6°, 57.1, 87.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.19, 50.19, 23.602
XYZ	37.177, 25.117, 14.694
xyY	0.483, 0.326, 25.117
CIE-LCH	57.19, 55.463, 25.186
CIE-LUV	57.19, 94.295, 18.747
Hunter-Lab	50.117, 44.705, 17.699
Binary	11100000, 01100000, 01100011

#e06063
```
#e06063 rgb(224,96,99)
```
#60e0dd
```
#60e0dd rgb(96,224,221)
```

Complementary Color

#e060a3
```
#e060a3 rgb(224,96,163)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#e09d60
```
#e09d60 rgb(224,157,96)
```

Analogous Color

#60a3e0
```
#60a3e0 rgb(96,163,224)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#60e09d
```
#60e09d rgb(96,224,157)
```

Split Complementary Color

#6063e0
```
#6063e0 rgb(96,99,224)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#63e060
```
#63e060 rgb(99,224,96)
```

Triadic Color

#dd60e0
```
#dd60e0 rgb(221,96,224)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#63e060
```
#63e060 rgb(99,224,96)
```
#60e0dd
```
#60e0dd rgb(96,224,221)
```

Tetradic Color

#cc282c
```
#cc282c rgb(204,40,44)
```
#d83539
```
#d83539 rgb(216,53,57)
```
#dc4b4e
```
#dc4b4e rgb(220,75,78)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#e47578
```
#e47578 rgb(228,117,120)
```
#e88b8d
```
#e88b8d rgb(232,139,141)
```
#eca0a2
```
#eca0a2 rgb(236,160,162)
```

Monochromatic Color

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

#e06083
```
#e06083 rgb(224,96,131)
```
#e06078
```
#e06078 rgb(224,96,120)
```
#e0606e
```
#e0606e rgb(224,96,110)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#e06860
```
#e06860 rgb(224,104,96)
```
#e07260
```
#e07260 rgb(224,114,96)
```
#e07d60
```
#e07d60 rgb(224,125,96)
```

Similar Colors

Text with hexadecimal color #e06063

This text has a font color of #e06063.

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

#e06063 background color

This paragraph has a background color of #e06063.

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

#e06063 border color

This element has a border color of #e06063.

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

CSS codes

.text {color:#e06063;}

.background {background-color:#e06063;}

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

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, #050101 is the darkest color, while #fdf4f4 is the lightest one.

#050101
```
#050101 rgb(5,1,1)
```
#160405
```
#160405 rgb(22,4,5)
```
#260708
```
#260708 rgb(38,7,8)
```
#360b0c
```
#360b0c rgb(54,11,12)
```
#470e0f
```
#470e0f rgb(71,14,15)
```
#571113
```
#571113 rgb(87,17,19)
```
#681416
```
#681416 rgb(104,20,22)
```
#78171a
```
#78171a rgb(120,23,26)
```
#881b1d
```
#881b1d rgb(136,27,29)
```
#991e21
```
#991e21 rgb(153,30,33)
```
#a92124
```
#a92124 rgb(169,33,36)
```
#ba2428
```
#ba2428 rgb(186,36,40)
```
#ca272b
```
#ca272b rgb(202,39,43)
```

Shade Color Variation

#d62f33
```
#d62f33 rgb(214,47,51)
```
#da3f43
```
#da3f43 rgb(218,63,67)
```
#dd5053
```
#dd5053 rgb(221,80,83)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#e37073
```
#e37073 rgb(227,112,115)
```
#e68183
```
#e68183 rgb(230,129,131)
```
#ea9193
```
#ea9193 rgb(234,145,147)
```
#eda2a3
```
#eda2a3 rgb(237,162,163)
```
#f0b2b4
```
#f0b2b4 rgb(240,178,180)
```
#f3c2c4
```
#f3c2c4 rgb(243,194,196)
```
#f6d3d4
```
#f6d3d4 rgb(246,211,212)
```
#fae3e4
```
#fae3e4 rgb(250,227,228)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Tint Color Variation

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

#a69a9b
```
#a69a9b rgb(166,154,155)
```
#ad9394
```
#ad9394 rgb(173,147,148)
```
#b48c8d
```
#b48c8d rgb(180,140,141)
```
#bb8586
```
#bb8586 rgb(187,133,134)
```
#c37d7f
```
#c37d7f rgb(195,125,127)
```
#ca7678
```
#ca7678 rgb(202,118,120)
```
#d16f71
```
#d16f71 rgb(209,111,113)
```
#d9676a
```
#d9676a rgb(217,103,106)
```
#e06063
```
#e06063 rgb(224,96,99)
```
#e7595c
```
#e7595c rgb(231,89,92)
```
#ef5155
```
#ef5155 rgb(239,81,85)
```
#f64a4e
```
#f64a4e rgb(246,74,78)
```
#fd4347
```
#fd4347 rgb(253,67,71)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#997f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968f7b Protanopia 1% of men
#aa8963 Deuteranopia 1% of men
#e1676e Tritanopia 0.001% of the population

Trichromacy

#b17d72 Protanomaly 1% of men, 0.01% of women
#bd7a63 Deuteranomaly 6% of men, 0.4% of women
#e1646a Tritanomaly 0.01% of the population

#e06063 hex color

#e06063 Color Information

#e06063 Color Conversion

Color Schemes with #e06063

Alternatives to #e06063

#e06063 Preview

Shades and Tints of #e06063

Tones of #e06063

Color Blindness Simulator