#e01685 hex color

In a RGB color space, hex #e01685 is composed of 87.8% red, 8.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.2% magenta, 40.6% yellow and 12.2% black. It has a hue angle of 327 degrees, a saturation of 82.1% and a lightness of 48.2%. #e01685 color hex could be obtained by blending #ff2cff with #c1000b. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 88
- G 9
- B 52
RGB color chart
- C 0
- M 90
- Y 41
- K 12
CMYK color chart

● #e01685 color description : Vivid pink.

The hexadecimal color #e01685 has RGB values of R:224, G:22, B:133 and CMYK values of C:0, M:0.9, Y:0.41, K:0.12. Its decimal value is 14685829.

Hex triplet	e01685	`#e01685`
RGB Decimal	224, 22, 133	`rgb(224,22,133)`
RGB Percent	87.8, 8.6, 52.2	`rgb(87.8%,8.6%,52.2%)`
CMYK	0, 90, 41, 12
HSL	327°, 82.1, 48.2	`hsl(327,82.1%,48.2%)`
HSV (or HSB)	327°, 90.2, 87.8
Web Safe	cc0099	`#cc0099`

CIE-LAB	49.639, 76.346, -7.355
XYZ	35.262, 18.118, 23.829
xyY	0.457, 0.235, 18.118
CIE-LCH	49.639, 76.699, 354.497
CIE-LUV	49.639, 112.79, -24.229
Hunter-Lab	42.566, 73.382, -3.396
Binary	11100000, 00010110, 10000101

#e01685
```
#e01685 rgb(224,22,133)
```
#16e071
```
#16e071 rgb(22,224,113)
```

Complementary Color

#d616e0
```
#d616e0 rgb(214,22,224)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#e01620
```
#e01620 rgb(224,22,32)
```

Analogous Color

#16e0d6
```
#16e0d6 rgb(22,224,214)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#20e016
```
#20e016 rgb(32,224,22)
```

Split Complementary Color

#1685e0
```
#1685e0 rgb(22,133,224)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#85e016
```
#85e016 rgb(133,224,22)
```

Triadic Color

#7116e0
```
#7116e0 rgb(113,22,224)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#85e016
```
#85e016 rgb(133,224,22)
```
#16e071
```
#16e071 rgb(22,224,113)
```

Tetradic Color

#9a0f5c
```
#9a0f5c rgb(154,15,92)
```
#b21169
```
#b21169 rgb(178,17,105)
```
#c91477
```
#c91477 rgb(201,20,119)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#ea2691
```
#ea2691 rgb(234,38,145)
```
#ec3d9d
```
#ec3d9d rgb(236,61,157)
```
#ee54a9
```
#ee54a9 rgb(238,84,169)
```

Monochromatic Color

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

#e016b8
```
#e016b8 rgb(224,22,184)
```
#e016a7
```
#e016a7 rgb(224,22,167)
```
#e01696
```
#e01696 rgb(224,22,150)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#e01674
```
#e01674 rgb(224,22,116)
```
#e01663
```
#e01663 rgb(224,22,99)
```
#e01653
```
#e01653 rgb(224,22,83)
```

Similar Colors

Text with hexadecimal color #e01685

This text has a font color of #e01685.

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

#e01685 background color

This paragraph has a background color of #e01685.

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

#e01685 border color

This element has a border color of #e01685.

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

CSS codes

.text {color:#e01685;}

.background {background-color:#e01685;}

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

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

#0a0106
```
#0a0106 rgb(10,1,6)
```
#1c0310
```
#1c0310 rgb(28,3,16)
```
#2d041b
```
#2d041b rgb(45,4,27)
```
#3f0626
```
#3f0626 rgb(63,6,38)
```
#510830
```
#510830 rgb(81,8,48)
```
#630a3b
```
#630a3b rgb(99,10,59)
```
#750b45
```
#750b45 rgb(117,11,69)
```
#870d50
```
#870d50 rgb(135,13,80)
```
#990f5b
```
#990f5b rgb(153,15,91)
```
#aa1165
```
#aa1165 rgb(170,17,101)
```
#bc1270
```
#bc1270 rgb(188,18,112)
```
#ce147a
```
#ce147a rgb(206,20,122)
```
#e01685
```
#e01685 rgb(224,22,133)
```

Shade Color Variation

#e9208f
```
#e9208f rgb(233,32,143)
```
#eb3298
```
#eb3298 rgb(235,50,152)
```
#ed44a1
```
#ed44a1 rgb(237,68,161)
```
#ee56aa
```
#ee56aa rgb(238,86,170)
```
#f068b3
```
#f068b3 rgb(240,104,179)
```
#f27abc
```
#f27abc rgb(242,122,188)
```
#f48cc5
```
#f48cc5 rgb(244,140,197)
```
#f59dce
```
#f59dce rgb(245,157,206)
```
#f7afd7
```
#f7afd7 rgb(247,175,215)
```
#f9c1e0
```
#f9c1e0 rgb(249,193,224)
```
#fbd3e9
```
#fbd3e9 rgb(251,211,233)
```
#fce5f2
```
#fce5f2 rgb(252,229,242)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#81757c
```
#81757c rgb(129,117,124)
```
#8b6b7d
```
#8b6b7d rgb(139,107,125)
```
#94627e
```
#94627e rgb(148,98,126)
```
#9e587e
```
#9e587e rgb(158,88,126)
```
#a74f7f
```
#a74f7f rgb(167,79,127)
```
#b14580
```
#b14580 rgb(177,69,128)
```
#ba3c81
```
#ba3c81 rgb(186,60,129)
```
#c43282
```
#c43282 rgb(196,50,130)
```
#cd2983
```
#cd2983 rgb(205,41,131)
```
#d71f84
```
#d71f84 rgb(215,31,132)
```
#e01685
```
#e01685 rgb(224,22,133)
```
#e90d86
```
#e90d86 rgb(233,13,134)
```
#f30387
```
#f30387 rgb(243,3,135)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#795067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#667bb7 Protanopia 1% of men
#88797d Deuteranopia 1% of men
#dd4143 Tritanopia 0.001% of the population

Trichromacy

#9256a4 Protanomaly 1% of men, 0.01% of women
#a85580 Deuteranomaly 6% of men, 0.4% of women
#de315b Tritanomaly 0.01% of the population

#e01685 hex color

#e01685 Color Information

#e01685 Color Conversion

Color Schemes with #e01685

Alternatives to #e01685

#e01685 Preview

Shades and Tints of #e01685

Tones of #e01685

Color Blindness Simulator