#f31fff hex color

In a RGB color space, hex #f31fff is composed of 95.3% red, 12.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 87.8% magenta, 0% yellow and 0% black. It has a hue angle of 296.8 degrees, a saturation of 100% and a lightness of 56.1%. #f31fff color hex could be obtained by blending #ff3eff 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

● #f31fff color description : Vivid magenta.

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

Hex triplet	f31fff	`#f31fff`
RGB Decimal	243, 31, 255	`rgb(243,31,255)`
RGB Percent	95.3, 12.2, 100	`rgb(95.3%,12.2%,100%)`
CMYK	5, 88, 0, 0
HSL	296.8°, 100, 56.1	`hsl(296.8,100%,56.1%)`
HSV (or HSB)	296.8°, 87.8, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.213, 93.725, -62.726
XYZ	55.501, 27.258, 96.94
xyY	0.309, 0.152, 27.258
CIE-LCH	59.213, 112.778, 326.207
CIE-LUV	59.213, 73.995, -110.452
Hunter-Lab	52.209, 98.386, -73.541
Binary	11110011, 00011111, 11111111

#f31fff
```
#f31fff rgb(243,31,255)
```
#2bff1f
```
#2bff1f rgb(43,255,31)
```

Complementary Color

#831fff
```
#831fff rgb(131,31,255)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#ff1f9b
```
#ff1f9b rgb(255,31,155)
```

Analogous Color

#1fff83
```
#1fff83 rgb(31,255,131)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#9bff1f
```
#9bff1f rgb(155,255,31)
```

Split Complementary Color

#1ffff3
```
#1ffff3 rgb(31,255,243)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#fff31f
```
#fff31f rgb(255,243,31)
```

Triadic Color

#1f2bff
```
#1f2bff rgb(31,43,255)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#fff31f
```
#fff31f rgb(255,243,31)
```
#2bff1f
```
#2bff1f rgb(43,255,31)
```

Tetradic Color

#c600d2
```
#c600d2 rgb(198,0,210)
```
#de00eb
```
#de00eb rgb(222,0,235)
```
#f205ff
```
#f205ff rgb(242,5,255)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#f439ff
```
#f439ff rgb(244,57,255)
```
#f652ff
```
#f652ff rgb(246,82,255)
```
#f76cff
```
#f76cff rgb(247,108,255)
```

Monochromatic Color

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

#bb1fff
```
#bb1fff rgb(187,31,255)
```
#ce1fff
```
#ce1fff rgb(206,31,255)
```
#e01fff
```
#e01fff rgb(224,31,255)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#ff1ff8
```
#ff1ff8 rgb(255,31,248)
```
#ff1fe6
```
#ff1fe6 rgb(255,31,230)
```
#ff1fd3
```
#ff1fd3 rgb(255,31,211)
```

Similar Colors

Text with hexadecimal color #f31fff

This text has a font color of #f31fff.

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

#f31fff background color

This paragraph has a background color of #f31fff.

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

#f31fff border color

This element has a border color of #f31fff.

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

CSS codes

.text {color:#f31fff;}

.background {background-color:#f31fff;}

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

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

#0b000b
```
#0b000b rgb(11,0,11)
```
#1d001f
```
#1d001f rgb(29,0,31)
```
#300033
```
#300033 rgb(48,0,51)
```
#420046
```
#420046 rgb(66,0,70)
```
#55005a
```
#55005a rgb(85,0,90)
```
#68006d
```
#68006d rgb(104,0,109)
```
#7a0081
```
#7a0081 rgb(122,0,129)
```
#8d0095
```
#8d0095 rgb(141,0,149)
```
#9f00a8
```
#9f00a8 rgb(159,0,168)
```
#b200bc
```
#b200bc rgb(178,0,188)
```
#c400d0
```
#c400d0 rgb(196,0,208)
```
#d700e3
```
#d700e3 rgb(215,0,227)
```
#ea00f7
```
#ea00f7 rgb(234,0,247)
```

Shade Color Variation

#f20bff
```
#f20bff rgb(242,11,255)
```
#f31fff
```
#f31fff rgb(243,31,255)
```
#f433ff
```
#f433ff rgb(244,51,255)
```
#f546ff
```
#f546ff rgb(245,70,255)
```
#f65aff
```
#f65aff rgb(246,90,255)
```
#f76dff
```
#f76dff rgb(247,109,255)
```
#f881ff
```
#f881ff rgb(248,129,255)
```
#f995ff
```
#f995ff rgb(249,149,255)
```
#faa8ff
```
#faa8ff rgb(250,168,255)
```
#fbbcff
```
#fbbcff rgb(251,188,255)
```
#fcd0ff
```
#fcd0ff rgb(252,208,255)
```
#fee3ff
```
#fee3ff rgb(254,227,255)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#978698
```
#978698 rgb(151,134,152)
```
#9e7ea0
```
#9e7ea0 rgb(158,126,160)
```
#a675a9
```
#a675a9 rgb(166,117,169)
```
#ae6db1
```
#ae6db1 rgb(174,109,177)
```
#b564ba
```
#b564ba rgb(181,100,186)
```
#bd5bc3
```
#bd5bc3 rgb(189,91,195)
```
#c553cb
```
#c553cb rgb(197,83,203)
```
#cd4ad4
```
#cd4ad4 rgb(205,74,212)
```
#d441dd
```
#d441dd rgb(212,65,221)
```
#dc39e5
```
#dc39e5 rgb(220,57,229)
```
#e430ee
```
#e430ee rgb(228,48,238)
```
#eb28f6
```
#eb28f6 rgb(235,40,246)
```
#f31fff
```
#f31fff rgb(243,31,255)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#916693 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#8e67ff Protanomaly 1% of men, 0.01% of women
#926af0 Deuteranomaly 6% of men, 0.4% of women
#e853a9 Tritanomaly 0.01% of the population

#f31fff hex color

#f31fff Color Information

#f31fff Color Conversion

Color Schemes with #f31fff

Alternatives to #f31fff

#f31fff Preview

Shades and Tints of #f31fff

Tones of #f31fff

Color Blindness Simulator