#ed1f80 hex color

In a RGB color space, hex #ed1f80 is composed of 92.9% red, 12.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 46% yellow and 7.1% black. It has a hue angle of 331.7 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed1f80 color hex could be obtained by blending #ff3eff with #db0001. Closest websafe color is: #ff3399.

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

● #ed1f80 color description : Vivid pink.

The hexadecimal color #ed1f80 has RGB values of R:237, G:31, B:128 and CMYK values of C:0, M:0.87, Y:0.46, K:0.07. Its decimal value is 15540096.

Hex triplet	ed1f80	`#ed1f80`
RGB Decimal	237, 31, 128	`rgb(237,31,128)`
RGB Percent	92.9, 12.2, 50.2	`rgb(92.9%,12.2%,50.2%)`
CMYK	0, 87, 46, 7
HSL	331.7°, 85.1, 52.5	`hsl(331.7,85.1%,52.5%)`
HSV (or HSB)	331.7°, 86.9, 92.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	52.451, 77.49, 0.098
XYZ	39.313, 20.547, 22.317
xyY	0.478, 0.25, 20.547
CIE-LCH	52.451, 77.49, 0.073
CIE-LUV	52.451, 123.796, -15.113
Hunter-Lab	45.329, 75.481, 2.54
Binary	11101101, 00011111, 10000000

#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#1fed8c
```
#1fed8c rgb(31,237,140)
```

Complementary Color

#ed1fe7
```
#ed1fe7 rgb(237,31,231)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#ed251f
```
#ed251f rgb(237,37,31)
```

Analogous Color

#1fe7ed
```
#1fe7ed rgb(31,231,237)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#1fed25
```
#1fed25 rgb(31,237,37)
```

Split Complementary Color

#1f80ed
```
#1f80ed rgb(31,128,237)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#80ed1f
```
#80ed1f rgb(128,237,31)
```

Triadic Color

#8c1fed
```
#8c1fed rgb(140,31,237)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#80ed1f
```
#80ed1f rgb(128,237,31)
```
#1fed8c
```
#1fed8c rgb(31,237,140)
```

Tetradic Color

#b10e5b
```
#b10e5b rgb(177,14,91)
```
#c91067
```
#c91067 rgb(201,16,103)
```
#e01273
```
#e01273 rgb(224,18,115)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#ef378d
```
#ef378d rgb(239,55,141)
```
#f14e9b
```
#f14e9b rgb(241,78,155)
```
#f366a8
```
#f366a8 rgb(243,102,168)
```

Monochromatic Color

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

#ed1fb4
```
#ed1fb4 rgb(237,31,180)
```
#ed1fa2
```
#ed1fa2 rgb(237,31,162)
```
#ed1f91
```
#ed1f91 rgb(237,31,145)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#ed1f6f
```
#ed1f6f rgb(237,31,111)
```
#ed1f5e
```
#ed1f5e rgb(237,31,94)
```
#ed1f4c
```
#ed1f4c rgb(237,31,76)
```

Similar Colors

Text with hexadecimal color #ed1f80

This text has a font color of #ed1f80.

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

#ed1f80 background color

This paragraph has a background color of #ed1f80.

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

#ed1f80 border color

This element has a border color of #ed1f80.

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

CSS codes

.text {color:#ed1f80;}

.background {background-color:#ed1f80;}

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

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

#0c0106
```
#0c0106 rgb(12,1,6)
```
#1e020f
```
#1e020f rgb(30,2,15)
```
#300419
```
#300419 rgb(48,4,25)
```
#430522
```
#430522 rgb(67,5,34)
```
#55072b
```
#55072b rgb(85,7,43)
```
#670835
```
#670835 rgb(103,8,53)
```
#790a3e
```
#790a3e rgb(121,10,62)
```
#8b0b47
```
#8b0b47 rgb(139,11,71)
```
#9d0d51
```
#9d0d51 rgb(157,13,81)
```
#af0e5a
```
#af0e5a rgb(175,14,90)
```
#c21063
```
#c21063 rgb(194,16,99)
```
#d4116d
```
#d4116d rgb(212,17,109)
```
#e61276
```
#e61276 rgb(230,18,118)
```

Shade Color Variation

#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#ee318a
```
#ee318a rgb(238,49,138)
```
#f04395
```
#f04395 rgb(240,67,149)
```
#f1559f
```
#f1559f rgb(241,85,159)
```
#f368a9
```
#f368a9 rgb(243,104,169)
```
#f47ab3
```
#f47ab3 rgb(244,122,179)
```
#f68cbe
```
#f68cbe rgb(246,140,190)
```
#f79ec8
```
#f79ec8 rgb(247,158,200)
```
#f9b0d2
```
#f9b0d2 rgb(249,176,210)
```
#fac2dd
```
#fac2dd rgb(250,194,221)
```
#fcd5e7
```
#fcd5e7 rgb(252,213,231)
```
#fde7f1
```
#fde7f1 rgb(253,231,241)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#878586
```
#878586 rgb(135,133,134)
```
#907c85
```
#907c85 rgb(144,124,133)
```
#997385
```
#997385 rgb(153,115,133)
```
#a36984
```
#a36984 rgb(163,105,132)
```
#ac6084
```
#ac6084 rgb(172,96,132)
```
#b55783
```
#b55783 rgb(181,87,131)
```
#be4e83
```
#be4e83 rgb(190,78,131)
```
#c84482
```
#c84482 rgb(200,68,130)
```
#d13b82
```
#d13b82 rgb(209,59,130)
```
#da3281
```
#da3281 rgb(218,50,129)
```
#e42881
```
#e42881 rgb(228,40,129)
```
#ed1f80
```
#ed1f80 rgb(237,31,128)
```
#f6167f
```
#f6167f rgb(246,22,127)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#83596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7582af Protanopia 1% of men
#947f78 Deuteranopia 1% of men
#ea4244 Tritanopia 0.001% of the population

Trichromacy

#a05e9e Protanomaly 1% of men, 0.01% of women
#b45c7b Deuteranomaly 6% of men, 0.4% of women
#eb355a Tritanomaly 0.01% of the population

#ed1f80 hex color

#ed1f80 Color Information

#ed1f80 Color Conversion

Color Schemes with #ed1f80

Alternatives to #ed1f80

#ed1f80 Preview

Shades and Tints of #ed1f80

Tones of #ed1f80

Color Blindness Simulator