#ed1680 hex color

In a RGB color space, hex #ed1680 is composed of 92.9% red, 8.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 46% yellow and 7.1% black. It has a hue angle of 330.4 degrees, a saturation of 85.7% and a lightness of 50.8%. #ed1680 color hex could be obtained by blending #ff2cff with #db0001. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 93
- G 9
- B 50
RGB color chart
- C 0
- M 91
- Y 46
- K 7
CMYK color chart

● #ed1680 color description : Vivid pink.

The hexadecimal color #ed1680 has RGB values of R:237, G:22, B:128 and CMYK values of C:0, M:0.91, Y:0.46, K:0.07. Its decimal value is 15537792.

Hex triplet	ed1680	`#ed1680`
RGB Decimal	237, 22, 128	`rgb(237,22,128)`
RGB Percent	92.9, 8.6, 50.2	`rgb(92.9%,8.6%,50.2%)`
CMYK	0, 91, 46, 7
HSL	330.4°, 85.7, 50.8	`hsl(330.4,85.7%,50.8%)`
HSV (or HSB)	330.4°, 90.7, 92.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	51.997, 78.804, -0.565
XYZ	39.109, 20.141, 22.249
xyY	0.48, 0.247, 20.141
CIE-LCH	51.997, 78.806, 359.589
CIE-LUV	51.997, 125.463, -16.235
Hunter-Lab	44.879, 77.014, 2.022
Binary	11101101, 00010110, 10000000

#ed1680
```
#ed1680 rgb(237,22,128)
```
#16ed83
```
#16ed83 rgb(22,237,131)
```

Complementary Color

#ed16ec
```
#ed16ec rgb(237,22,236)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#ed1816
```
#ed1816 rgb(237,24,22)
```

Analogous Color

#16eced
```
#16eced rgb(22,236,237)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#16ed18
```
#16ed18 rgb(22,237,24)
```

Split Complementary Color

#1680ed
```
#1680ed rgb(22,128,237)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#80ed16
```
#80ed16 rgb(128,237,22)
```

Triadic Color

#8316ed
```
#8316ed rgb(131,22,237)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#80ed16
```
#80ed16 rgb(128,237,22)
```
#16ed83
```
#16ed83 rgb(22,237,131)
```

Tetradic Color

#a90d5a
```
#a90d5a rgb(169,13,90)
```
#c10f67
```
#c10f67 rgb(193,15,103)
```
#d91173
```
#d91173 rgb(217,17,115)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#ef2e8d
```
#ef2e8d rgb(239,46,141)
```
#f1459a
```
#f1459a rgb(241,69,154)
```
#f25da7
```
#f25da7 rgb(242,93,167)
```

Monochromatic Color

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

#ed16b6
```
#ed16b6 rgb(237,22,182)
```
#ed16a4
```
#ed16a4 rgb(237,22,164)
```
#ed1692
```
#ed1692 rgb(237,22,146)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#ed166e
```
#ed166e rgb(237,22,110)
```
#ed165c
```
#ed165c rgb(237,22,92)
```
#ed164a
```
#ed164a rgb(237,22,74)
```

Similar Colors

Text with hexadecimal color #ed1680

This text has a font color of #ed1680.

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

#ed1680 background color

This paragraph has a background color of #ed1680.

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

#ed1680 border color

This element has a border color of #ed1680.

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

CSS codes

.text {color:#ed1680;}

.background {background-color:#ed1680;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#16020c
```
#16020c rgb(22,2,12)
```
#280315
```
#280315 rgb(40,3,21)
```
#3a051f
```
#3a051f rgb(58,5,31)
```
#4d0629
```
#4d0629 rgb(77,6,41)
```
#5f0732
```
#5f0732 rgb(95,7,50)
```
#71093c
```
#71093c rgb(113,9,60)
```
#830a46
```
#830a46 rgb(131,10,70)
```
#950c4f
```
#950c4f rgb(149,12,79)
```
#a80d59
```
#a80d59 rgb(168,13,89)
```
#ba0e63
```
#ba0e63 rgb(186,14,99)
```
#cc106d
```
#cc106d rgb(204,16,109)
```
#de1176
```
#de1176 rgb(222,17,118)
```

Shade Color Variation

#ed1680
```
#ed1680 rgb(237,22,128)
```
#ee288a
```
#ee288a rgb(238,40,138)
```
#f03a94
```
#f03a94 rgb(240,58,148)
```
#f14d9e
```
#f14d9e rgb(241,77,158)
```
#f35fa8
```
#f35fa8 rgb(243,95,168)
```
#f471b2
```
#f471b2 rgb(244,113,178)
```
#f583bc
```
#f583bc rgb(245,131,188)
```
#f795c5
```
#f795c5 rgb(247,149,197)
```
#f8a8cf
```
#f8a8cf rgb(248,168,207)
```
#fabad9
```
#fabad9 rgb(250,186,217)
```
#fbcce3
```
#fbcce3 rgb(251,204,227)
```
#fcdeed
```
#fcdeed rgb(252,222,237)
```
#fef1f7
```
#fef1f7 rgb(254,241,247)
```

Tint Color Variation

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

#838081
```
#838081 rgb(131,128,129)
```
#8c7781
```
#8c7781 rgb(140,119,129)
```
#966d81
```
#966d81 rgb(150,109,129)
```
#a06381
```
#a06381 rgb(160,99,129)
```
#a95a81
```
#a95a81 rgb(169,90,129)
```
#b35081
```
#b35081 rgb(179,80,129)
```
#bd4681
```
#bd4681 rgb(189,70,129)
```
#c63d81
```
#c63d81 rgb(198,61,129)
```
#d03380
```
#d03380 rgb(208,51,128)
```
#da2980
```
#da2980 rgb(218,41,128)
```
#e32080
```
#e32080 rgb(227,32,128)
```
#ed1680
```
#ed1680 rgb(237,22,128)
```
#f70c80
```
#f70c80 rgb(247,12,128)
```

Tone Color Variation

Below, you can see how #ed1680 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
#7e5368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7281b1 Protanopia 1% of men
#927e78 Deuteranopia 1% of men
#ea3f40 Tritanopia 0.001% of the population

Trichromacy

#9f5a9f Protanomaly 1% of men, 0.01% of women
#b3587b Deuteranomaly 6% of men, 0.4% of women
#eb3057 Tritanomaly 0.01% of the population

#ed1680 hex color

#ed1680 Color Information

#ed1680 Color Conversion

Color Schemes with #ed1680

Alternatives to #ed1680

#ed1680 Preview

Shades and Tints of #ed1680

Tones of #ed1680

Color Blindness Simulator