#f31eff hex color

In a RGB color space, hex #f31eff is composed of 95.3% red, 11.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 88.2% magenta, 0% yellow and 0% black. It has a hue angle of 296.8 degrees, a saturation of 100% and a lightness of 55.9%. #f31eff color hex could be obtained by blending #ff3cff with #e700ff. Closest websafe color is: #ff33ff.

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

● #f31eff color description : Vivid magenta.

The hexadecimal color #f31eff has RGB values of R:243, G:30, B:255 and CMYK values of C:0.05, M:0.88, Y:0, K:0. Its decimal value is 15933183.

Hex triplet	f31eff	`#f31eff`
RGB Decimal	243, 30, 255	`rgb(243,30,255)`
RGB Percent	95.3, 11.8, 100	`rgb(95.3%,11.8%,100%)`
CMYK	5, 88, 0, 0
HSL	296.8°, 100, 55.9	`hsl(296.8,100%,55.9%)`
HSV (or HSB)	296.8°, 88.2, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.165, 93.864, -62.802
XYZ	55.475, 27.207, 96.932
xyY	0.309, 0.151, 27.207
CIE-LCH	59.165, 112.936, 326.215
CIE-LUV	59.165, 74.078, -110.563
Hunter-Lab	52.16, 98.564, -73.67
Binary	11110011, 00011110, 11111111

#f31eff
```
#f31eff rgb(243,30,255)
```
#2aff1e
```
#2aff1e rgb(42,255,30)
```

Complementary Color

#831eff
```
#831eff rgb(131,30,255)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#ff1e9b
```
#ff1e9b rgb(255,30,155)
```

Analogous Color

#1eff83
```
#1eff83 rgb(30,255,131)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#9bff1e
```
#9bff1e rgb(155,255,30)
```

Split Complementary Color

#1efff3
```
#1efff3 rgb(30,255,243)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#fff31e
```
#fff31e rgb(255,243,30)
```

Triadic Color

#1e2aff
```
#1e2aff rgb(30,42,255)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#fff31e
```
#fff31e rgb(255,243,30)
```
#2aff1e
```
#2aff1e rgb(42,255,30)
```

Tetradic Color

#c500d1
```
#c500d1 rgb(197,0,209)
```
#de00ea
```
#de00ea rgb(222,0,234)
```
#f204ff
```
#f204ff rgb(242,4,255)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#f438ff
```
#f438ff rgb(244,56,255)
```
#f651ff
```
#f651ff rgb(246,81,255)
```
#f76bff
```
#f76bff rgb(247,107,255)
```

Monochromatic Color

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

#bb1eff
```
#bb1eff rgb(187,30,255)
```
#ce1eff
```
#ce1eff rgb(206,30,255)
```
#e01eff
```
#e01eff rgb(224,30,255)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#ff1ef8
```
#ff1ef8 rgb(255,30,248)
```
#ff1ee6
```
#ff1ee6 rgb(255,30,230)
```
#ff1ed3
```
#ff1ed3 rgb(255,30,211)
```

Similar Colors

Text with hexadecimal color #f31eff

This text has a font color of #f31eff.

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

#f31eff background color

This paragraph has a background color of #f31eff.

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

#f31eff border color

This element has a border color of #f31eff.

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

CSS codes

.text {color:#f31eff;}

.background {background-color:#f31eff;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c001e
```
#1c001e rgb(28,0,30)
```
#2f0032
```
#2f0032 rgb(47,0,50)
```
#420045
```
#420045 rgb(66,0,69)
```
#540059
```
#540059 rgb(84,0,89)
```
#67006c
```
#67006c rgb(103,0,108)
```
#790080
```
#790080 rgb(121,0,128)
```
#8c0094
```
#8c0094 rgb(140,0,148)
```
#9e00a7
```
#9e00a7 rgb(158,0,167)
```
#b100bb
```
#b100bb rgb(177,0,187)
```
#c400cf
```
#c400cf rgb(196,0,207)
```
#d600e2
```
#d600e2 rgb(214,0,226)
```
#e900f6
```
#e900f6 rgb(233,0,246)
```

Shade Color Variation

#f20aff
```
#f20aff rgb(242,10,255)
```
#f31eff
```
#f31eff rgb(243,30,255)
```
#f432ff
```
#f432ff rgb(244,50,255)
```
#f545ff
```
#f545ff rgb(245,69,255)
```
#f659ff
```
#f659ff rgb(246,89,255)
```
#f76cff
```
#f76cff rgb(247,108,255)
```
#f880ff
```
#f880ff rgb(248,128,255)
```
#f994ff
```
#f994ff rgb(249,148,255)
```
#faa7ff
```
#faa7ff rgb(250,167,255)
```
#fbbbff
```
#fbbbff rgb(251,187,255)
```
#fccfff
```
#fccfff rgb(252,207,255)
```
#fde2ff
```
#fde2ff rgb(253,226,255)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#968697
```
#968697 rgb(150,134,151)
```
#9e7da0
```
#9e7da0 rgb(158,125,160)
```
#a675a8
```
#a675a8 rgb(166,117,168)
```
#ad6cb1
```
#ad6cb1 rgb(173,108,177)
```
#b563ba
```
#b563ba rgb(181,99,186)
```
#bd5bc2
```
#bd5bc2 rgb(189,91,194)
```
#c552cb
```
#c552cb rgb(197,82,203)
```
#cc49d4
```
#cc49d4 rgb(204,73,212)
```
#d441dc
```
#d441dc rgb(212,65,220)
```
#dc38e5
```
#dc38e5 rgb(220,56,229)
```
#e42fee
```
#e42fee rgb(228,47,238)
```
#eb27f6
```
#eb27f6 rgb(235,39,246)
```
#f31eff
```
#f31eff rgb(243,30,255)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#906592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5591ff Protanopia 1% of men
#5a95e7 Deuteranopia 1% of men
#e27077 Tritanopia 0.001% of the population

Trichromacy

#8e67ff Protanomaly 1% of men, 0.01% of women
#9169f0 Deuteranomaly 6% of men, 0.4% of women
#e852a9 Tritanomaly 0.01% of the population

#f31eff hex color

#f31eff Color Information

#f31eff Color Conversion

Color Schemes with #f31eff

Alternatives to #f31eff

#f31eff Preview

Shades and Tints of #f31eff

Tones of #f31eff

Color Blindness Simulator