#ea1686 hex color

In a RGB color space, hex #ea1686 is composed of 91.8% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.6% magenta, 42.7% yellow and 8.2% black. It has a hue angle of 328.3 degrees, a saturation of 83.5% and a lightness of 50.2%. #ea1686 color hex could be obtained by blending #ff2cff with #d5000d. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 92
- G 9
- B 53
RGB color chart
- C 0
- M 91
- Y 43
- K 8
CMYK color chart

● #ea1686 color description : Vivid pink.

The hexadecimal color #ea1686 has RGB values of R:234, G:22, B:134 and CMYK values of C:0, M:0.91, Y:0.43, K:0.08. Its decimal value is 15341190.

Hex triplet	ea1686	`#ea1686`
RGB Decimal	234, 22, 134	`rgb(234,22,134)`
RGB Percent	91.8, 8.6, 52.5	`rgb(91.8%,8.6%,52.5%)`
CMYK	0, 91, 43, 8
HSL	328.3°, 83.5, 50.2	`hsl(328.3,83.5%,50.2%)`
HSV (or HSB)	328.3°, 90.6, 91.8
Web Safe	ff0099	`#ff0099`

CIE-LAB	51.601, 78.641, -4.835
XYZ	38.523, 19.792, 24.345
xyY	0.466, 0.239, 19.792
CIE-LCH	51.601, 78.789, 356.482
CIE-LUV	51.601, 120.367, -21.611
Hunter-Lab	44.488, 76.712, -1.303
Binary	11101010, 00010110, 10000110

#ea1686
```
#ea1686 rgb(234,22,134)
```
#16ea7a
```
#16ea7a rgb(22,234,122)
```

Complementary Color

#e416ea
```
#e416ea rgb(228,22,234)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#ea161c
```
#ea161c rgb(234,22,28)
```

Analogous Color

#16eae4
```
#16eae4 rgb(22,234,228)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#1cea16
```
#1cea16 rgb(28,234,22)
```

Split Complementary Color

#1686ea
```
#1686ea rgb(22,134,234)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#86ea16
```
#86ea16 rgb(134,234,22)
```

Triadic Color

#7a16ea
```
#7a16ea rgb(122,22,234)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#86ea16
```
#86ea16 rgb(134,234,22)
```
#16ea7a
```
#16ea7a rgb(22,234,122)
```

Tetradic Color

#a50f5e
```
#a50f5e rgb(165,15,94)
```
#bc116b
```
#bc116b rgb(188,17,107)
```
#d31379
```
#d31379 rgb(211,19,121)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#ec2d92
```
#ec2d92 rgb(236,45,146)
```
#ee459e
```
#ee459e rgb(238,69,158)
```
#f05caa
```
#f05caa rgb(240,92,170)
```

Monochromatic Color

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

#ea16bb
```
#ea16bb rgb(234,22,187)
```
#ea16a9
```
#ea16a9 rgb(234,22,169)
```
#ea1698
```
#ea1698 rgb(234,22,152)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#ea1674
```
#ea1674 rgb(234,22,116)
```
#ea1663
```
#ea1663 rgb(234,22,99)
```
#ea1651
```
#ea1651 rgb(234,22,81)
```

Similar Colors

Text with hexadecimal color #ea1686

This text has a font color of #ea1686.

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

#ea1686 background color

This paragraph has a background color of #ea1686.

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

#ea1686 border color

This element has a border color of #ea1686.

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

CSS codes

.text {color:#ea1686;}

.background {background-color:#ea1686;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#13020b
```
#13020b rgb(19,2,11)
```
#250315
```
#250315 rgb(37,3,21)
```
#37051f
```
#37051f rgb(55,5,31)
```
#49072a
```
#49072a rgb(73,7,42)
```
#5b0834
```
#5b0834 rgb(91,8,52)
```
#6d0a3e
```
#6d0a3e rgb(109,10,62)
```
#7f0b48
```
#7f0b48 rgb(127,11,72)
```
#910d53
```
#910d53 rgb(145,13,83)
```
#a30f5d
```
#a30f5d rgb(163,15,93)
```
#b51067
```
#b51067 rgb(181,16,103)
```
#c71272
```
#c71272 rgb(199,18,114)
```
#d9147c
```
#d9147c rgb(217,20,124)
```

Shade Color Variation

#ea1686
```
#ea1686 rgb(234,22,134)
```
#ec288f
```
#ec288f rgb(236,40,143)
```
#ed3a99
```
#ed3a99 rgb(237,58,153)
```
#ef4ca2
```
#ef4ca2 rgb(239,76,162)
```
#f05eab
```
#f05eab rgb(240,94,171)
```
#f270b5
```
#f270b5 rgb(242,112,181)
```
#f482be
```
#f482be rgb(244,130,190)
```
#f594c7
```
#f594c7 rgb(245,148,199)
```
#f7a6d1
```
#f7a6d1 rgb(247,166,209)
```
#f9b8da
```
#f9b8da rgb(249,184,218)
```
#facae3
```
#facae3 rgb(250,202,227)
```
#fcdced
```
#fcdced rgb(252,220,237)
```
#fdeef6
```
#fdeef6 rgb(253,238,246)
```

Tint Color Variation

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

#887880
```
#887880 rgb(136,120,128)
```
#926e81
```
#926e81 rgb(146,110,129)
```
#9c6482
```
#9c6482 rgb(156,100,130)
```
#a65a82
```
#a65a82 rgb(166,90,130)
```
#af5183
```
#af5183 rgb(175,81,131)
```
#b94783
```
#b94783 rgb(185,71,131)
```
#c33d84
```
#c33d84 rgb(195,61,132)
```
#cd3384
```
#cd3384 rgb(205,51,132)
```
#d62a85
```
#d62a85 rgb(214,42,133)
```
#e02085
```
#e02085 rgb(224,32,133)
```
#ea1686
```
#ea1686 rgb(234,22,134)
```
#f40c87
```
#f40c87 rgb(244,12,135)
```
#fe0287
```
#fe0287 rgb(254,2,135)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7d5369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7fb8 Protanopia 1% of men
#8f7d7e Deuteranopia 1% of men
#e64143 Tritanopia 0.001% of the population

Trichromacy

#9a59a6 Protanomaly 1% of men, 0.01% of women
#b05880 Deuteranomaly 6% of men, 0.4% of women
#e8315b Tritanomaly 0.01% of the population

#ea1686 hex color

#ea1686 Color Information

#ea1686 Color Conversion

Color Schemes with #ea1686

Alternatives to #ea1686

#ea1686 Preview

Shades and Tints of #ea1686

Tones of #ea1686

Color Blindness Simulator