#ed31ff hex color

In a RGB color space, hex #ed31ff is composed of 92.9% red, 19.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 80.8% magenta, 0% yellow and 0% black. It has a hue angle of 294.8 degrees, a saturation of 100% and a lightness of 59.6%. #ed31ff color hex could be obtained by blending #ff62ff with #db00ff. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 93
- G 19
- B 100
RGB color chart
- C 7
- M 81
- Y 0
- K 0
CMYK color chart

● #ed31ff color description : Vivid magenta.

The hexadecimal color #ed31ff has RGB values of R:237, G:49, B:255 and CMYK values of C:0.07, M:0.81, Y:0, K:0. Its decimal value is 15544831.

Hex triplet	ed31ff	`#ed31ff`
RGB Decimal	237, 49, 255	`rgb(237,49,255)`
RGB Percent	92.9, 19.2, 100	`rgb(92.9%,19.2%,100%)`
CMYK	7, 81, 0, 0
HSL	294.8°, 100, 59.6	`hsl(294.8,100%,59.6%)`
HSV (or HSB)	294.8°, 80.8, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.365, 89.45, -62.534
XYZ	54.072, 27.424, 97.048
xyY	0.303, 0.154, 27.424
CIE-LCH	59.365, 109.141, 325.043
CIE-LUV	59.365, 67.94, -109.67
Hunter-Lab	52.368, 92.662, -73.217
Binary	11101101, 00110001, 11111111

#ed31ff
```
#ed31ff rgb(237,49,255)
```
#43ff31
```
#43ff31 rgb(67,255,49)
```

Complementary Color

#8631ff
```
#8631ff rgb(134,49,255)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#ff31aa
```
#ff31aa rgb(255,49,170)
```

Analogous Color

#31ff86
```
#31ff86 rgb(49,255,134)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#aaff31
```
#aaff31 rgb(170,255,49)
```

Split Complementary Color

#31ffed
```
#31ffed rgb(49,255,237)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#ffed31
```
#ffed31 rgb(255,237,49)
```

Triadic Color

#3143ff
```
#3143ff rgb(49,67,255)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#ffed31
```
#ffed31 rgb(255,237,49)
```
#43ff31
```
#43ff31 rgb(67,255,49)
```

Tetradic Color

#d000e4
```
#d000e4 rgb(208,0,228)
```
#e700fd
```
#e700fd rgb(231,0,253)
```
#eb18ff
```
#eb18ff rgb(235,24,255)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#ef4bff
```
#ef4bff rgb(239,75,255)
```
#f164ff
```
#f164ff rgb(241,100,255)
```
#f47eff
```
#f47eff rgb(244,126,255)
```

Monochromatic Color

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

#ba31ff
```
#ba31ff rgb(186,49,255)
```
#cb31ff
```
#cb31ff rgb(203,49,255)
```
#dc31ff
```
#dc31ff rgb(220,49,255)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#fe31ff
```
#fe31ff rgb(254,49,255)
```
#ff31ef
```
#ff31ef rgb(255,49,239)
```
#ff31de
```
#ff31de rgb(255,49,222)
```

Similar Colors

Text with hexadecimal color #ed31ff

This text has a font color of #ed31ff.

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

#ed31ff background color

This paragraph has a background color of #ed31ff.

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

#ed31ff border color

This element has a border color of #ed31ff.

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

CSS codes

.text {color:#ed31ff;}

.background {background-color:#ed31ff;}

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

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, #09000a is the darkest color, while #fef5ff is the lightest one.

#09000a
```
#09000a rgb(9,0,10)
```
#1b001d
```
#1b001d rgb(27,0,29)
```
#2d0031
```
#2d0031 rgb(45,0,49)
```
#3f0045
```
#3f0045 rgb(63,0,69)
```
#510058
```
#510058 rgb(81,0,88)
```
#62006c
```
#62006c rgb(98,0,108)
```
#74007f
```
#74007f rgb(116,0,127)
```
#860093
```
#860093 rgb(134,0,147)
```
#9800a7
```
#9800a7 rgb(152,0,167)
```
#aa00ba
```
#aa00ba rgb(170,0,186)
```
#bc00ce
```
#bc00ce rgb(188,0,206)
```
#ce00e2
```
#ce00e2 rgb(206,0,226)
```
#e000f5
```
#e000f5 rgb(224,0,245)
```

Shade Color Variation

#ea0aff
```
#ea0aff rgb(234,10,255)
```
#eb1dff
```
#eb1dff rgb(235,29,255)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```
#ef45ff
```
#ef45ff rgb(239,69,255)
```
#f058ff
```
#f058ff rgb(240,88,255)
```
#f26cff
```
#f26cff rgb(242,108,255)
```
#f47fff
```
#f47fff rgb(244,127,255)
```
#f693ff
```
#f693ff rgb(246,147,255)
```
#f7a7ff
```
#f7a7ff rgb(247,167,255)
```
#f9baff
```
#f9baff rgb(249,186,255)
```
#fbceff
```
#fbceff rgb(251,206,255)
```
#fce2ff
```
#fce2ff rgb(252,226,255)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#9f90a0
```
#9f90a0 rgb(159,144,160)
```
#a588a8
```
#a588a8 rgb(165,136,168)
```
#ac80b0
```
#ac80b0 rgb(172,128,176)
```
#b278b8
```
#b278b8 rgb(178,120,184)
```
#b970c0
```
#b970c0 rgb(185,112,192)
```
#bf68c8
```
#bf68c8 rgb(191,104,200)
```
#c661cf
```
#c661cf rgb(198,97,207)
```
#cc59d7
```
#cc59d7 rgb(204,89,215)
```
#d351df
```
#d351df rgb(211,81,223)
```
#d949e7
```
#d949e7 rgb(217,73,231)
```
#e041ef
```
#e041ef rgb(224,65,239)
```
#e639f7
```
#e639f7 rgb(230,57,247)
```
#ed31ff
```
#ed31ff rgb(237,49,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#97719a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5691ff Protanopia 1% of men
#5995e9 Deuteranopia 1% of men
#dc757d Tritanopia 0.001% of the population

Trichromacy

#8d6eff Protanomaly 1% of men, 0.01% of women
#8f70f1 Deuteranomaly 6% of men, 0.4% of women
#e25cac Tritanomaly 0.01% of the population

#ed31ff hex color

#ed31ff Color Information

#ed31ff Color Conversion

Color Schemes with #ed31ff

Alternatives to #ed31ff

#ed31ff Preview

Shades and Tints of #ed31ff

Tones of #ed31ff

Color Blindness Simulator