#ff1ed4 hex color

In a RGB color space, hex #ff1ed4 is composed of 100% red, 11.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 16.9% yellow and 0% black. It has a hue angle of 311.5 degrees, a saturation of 100% and a lightness of 55.9%. #ff1ed4 color hex could be obtained by blending #ff3cff with #ff00a9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 100
- G 12
- B 83
RGB color chart
- C 0
- M 88
- Y 17
- K 0
CMYK color chart

● #ff1ed4 color description : Vivid magenta.

The hexadecimal color #ff1ed4 has RGB values of R:255, G:30, B:212 and CMYK values of C:0, M:0.88, Y:0.17, K:0. Its decimal value is 16719572.

Hex triplet	ff1ed4	`#ff1ed4`
RGB Decimal	255, 30, 212	`rgb(255,30,212)`
RGB Percent	100, 11.8, 83.1	`rgb(100%,11.8%,83.1%)`
CMYK	0, 88, 17, 0
HSL	311.5°, 100, 55.9	`hsl(311.5,100%,55.9%)`
HSV (or HSB)	311.5°, 88.2, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.925, 90.108, -38.93
XYZ	53.588, 26.947, 64.663
xyY	0.369, 0.186, 26.947
CIE-LCH	58.925, 98.158, 336.634
CIE-LUV	58.925, 100.375, -73.727
Hunter-Lab	51.91, 93.427, -37.519
Binary	11111111, 00011110, 11010100

#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#1eff49
```
#1eff49 rgb(30,255,73)
```

Complementary Color

#ba1eff
```
#ba1eff rgb(186,30,255)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#ff1e64
```
#ff1e64 rgb(255,30,100)
```

Analogous Color

#1effba
```
#1effba rgb(30,255,186)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#64ff1e
```
#64ff1e rgb(100,255,30)
```

Split Complementary Color

#1ed4ff
```
#1ed4ff rgb(30,212,255)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#d4ff1e
```
#d4ff1e rgb(212,255,30)
```

Triadic Color

#491eff
```
#491eff rgb(73,30,255)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#d4ff1e
```
#d4ff1e rgb(212,255,30)
```
#1eff49
```
#1eff49 rgb(30,255,73)
```

Tetradic Color

#d100a9
```
#d100a9 rgb(209,0,169)
```
#ea00bd
```
#ea00bd rgb(234,0,189)
```
#ff04cf
```
#ff04cf rgb(255,4,207)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#ff38d9
```
#ff38d9 rgb(255,56,217)
```
#ff51de
```
#ff51de rgb(255,81,222)
```
#ff6be3
```
#ff6be3 rgb(255,107,227)
```

Monochromatic Color

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

#f21eff
```
#f21eff rgb(242,30,255)
```
#ff1efa
```
#ff1efa rgb(255,30,250)
```
#ff1ee7
```
#ff1ee7 rgb(255,30,231)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#ff1ec1
```
#ff1ec1 rgb(255,30,193)
```
#ff1eaf
```
#ff1eaf rgb(255,30,175)
```
#ff1e9c
```
#ff1e9c rgb(255,30,156)
```

Similar Colors

Text with hexadecimal color #ff1ed4

This text has a font color of #ff1ed4.

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

#ff1ed4 background color

This paragraph has a background color of #ff1ed4.

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

#ff1ed4 border color

This element has a border color of #ff1ed4.

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

CSS codes

.text {color:#ff1ed4;}

.background {background-color:#ff1ed4;}

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

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

#0a0008
```
#0a0008 rgb(10,0,8)
```
#1e0018
```
#1e0018 rgb(30,0,24)
```
#320028
```
#320028 rgb(50,0,40)
```
#450038
```
#450038 rgb(69,0,56)
```
#590048
```
#590048 rgb(89,0,72)
```
#6c0058
```
#6c0058 rgb(108,0,88)
```
#800068
```
#800068 rgb(128,0,104)
```
#940077
```
#940077 rgb(148,0,119)
```
#a70087
```
#a70087 rgb(167,0,135)
```
#bb0097
```
#bb0097 rgb(187,0,151)
```
#cf00a7
```
#cf00a7 rgb(207,0,167)
```
#e200b7
```
#e200b7 rgb(226,0,183)
```
#f600c7
```
#f600c7 rgb(246,0,199)
```

Shade Color Variation

#ff0ad0
```
#ff0ad0 rgb(255,10,208)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```
#ff32d8
```
#ff32d8 rgb(255,50,216)
```
#ff45db
```
#ff45db rgb(255,69,219)
```
#ff59df
```
#ff59df rgb(255,89,223)
```
#ff6ce3
```
#ff6ce3 rgb(255,108,227)
```
#ff80e7
```
#ff80e7 rgb(255,128,231)
```
#ff94ea
```
#ff94ea rgb(255,148,234)
```
#ffa7ee
```
#ffa7ee rgb(255,167,238)
```
#ffbbf2
```
#ffbbf2 rgb(255,187,242)
```
#ffcff6
```
#ffcff6 rgb(255,207,246)
```
#ffe2f9
```
#ffe2f9 rgb(255,226,249)
```
#fff6fd
```
#fff6fd rgb(255,246,253)
```

Tint Color Variation

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

#978694
```
#978694 rgb(151,134,148)
```
#a07d99
```
#a07d99 rgb(160,125,153)
```
#a8759f
```
#a8759f rgb(168,117,159)
```
#b16ca4
```
#b16ca4 rgb(177,108,164)
```
#ba63a9
```
#ba63a9 rgb(186,99,169)
```
#c25baf
```
#c25baf rgb(194,91,175)
```
#cb52b4
```
#cb52b4 rgb(203,82,180)
```
#d449b9
```
#d449b9 rgb(212,73,185)
```
#dc41bf
```
#dc41bf rgb(220,65,191)
```
#e538c4
```
#e538c4 rgb(229,56,196)
```
#ee2fc9
```
#ee2fc9 rgb(238,47,201)
```
#f627cf
```
#f627cf rgb(246,39,207)
```
#ff1ed4
```
#ff1ed4 rgb(255,30,212)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#916489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5490ff Protanopia 1% of men
#8591c2 Deuteranopia 1% of men
#f46065 Tritanopia 0.001% of the population

Trichromacy

#9266ef Protanomaly 1% of men, 0.01% of women
#b167c8 Deuteranomaly 6% of men, 0.4% of women
#f8488d Tritanomaly 0.01% of the population

#ff1ed4 hex color

#ff1ed4 Color Information

#ff1ed4 Color Conversion

Color Schemes with #ff1ed4

Alternatives to #ff1ed4

#ff1ed4 Preview

Shades and Tints of #ff1ed4

Tones of #ff1ed4

Color Blindness Simulator