#f31cff hex color

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

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

● #f31cff color description : Vivid magenta.

The hexadecimal color #f31cff has RGB values of R:243, G:28, B:255 and CMYK values of C:0.05, M:0.89, Y:0, K:0. Its decimal value is 15932671.

Hex triplet	f31cff	`#f31cff`
RGB Decimal	243, 28, 255	`rgb(243,28,255)`
RGB Percent	95.3, 11, 100	`rgb(95.3%,11%,100%)`
CMYK	5, 89, 0, 0
HSL	296.8°, 100, 55.5	`hsl(296.8,100%,55.5%)`
HSV (or HSB)	296.8°, 89, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.075, 94.131, -62.947
XYZ	55.426, 27.109, 96.916
xyY	0.309, 0.151, 27.109
CIE-LCH	59.075, 113.238, 326.229
CIE-LUV	59.075, 74.236, -110.775
Hunter-Lab	52.066, 98.903, -73.916
Binary	11110011, 00011100, 11111111

#f31cff
```
#f31cff rgb(243,28,255)
```
#28ff1c
```
#28ff1c rgb(40,255,28)
```

Complementary Color

#821cff
```
#821cff rgb(130,28,255)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#ff1c9a
```
#ff1c9a rgb(255,28,154)
```

Analogous Color

#1cff82
```
#1cff82 rgb(28,255,130)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#9aff1c
```
#9aff1c rgb(154,255,28)
```

Split Complementary Color

#1cfff3
```
#1cfff3 rgb(28,255,243)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#fff31c
```
#fff31c rgb(255,243,28)
```

Triadic Color

#1c28ff
```
#1c28ff rgb(28,40,255)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#fff31c
```
#fff31c rgb(255,243,28)
```
#28ff1c
```
#28ff1c rgb(40,255,28)
```

Tetradic Color

#c400cf
```
#c400cf rgb(196,0,207)
```
#dc00e8
```
#dc00e8 rgb(220,0,232)
```
#f202ff
```
#f202ff rgb(242,2,255)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#f436ff
```
#f436ff rgb(244,54,255)
```
#f64fff
```
#f64fff rgb(246,79,255)
```
#f769ff
```
#f769ff rgb(247,105,255)
```

Monochromatic Color

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

#ba1cff
```
#ba1cff rgb(186,28,255)
```
#cd1cff
```
#cd1cff rgb(205,28,255)
```
#e01cff
```
#e01cff rgb(224,28,255)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#ff1cf8
```
#ff1cf8 rgb(255,28,248)
```
#ff1ce5
```
#ff1ce5 rgb(255,28,229)
```
#ff1cd2
```
#ff1cd2 rgb(255,28,210)
```

Similar Colors

Text with hexadecimal color #f31cff

This text has a font color of #f31cff.

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

#f31cff background color

This paragraph has a background color of #f31cff.

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

#f31cff border color

This element has a border color of #f31cff.

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

CSS codes

.text {color:#f31cff;}

.background {background-color:#f31cff;}

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

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, #080008 is the darkest color, while #fef4ff is the lightest one.

#080008
```
#080008 rgb(8,0,8)
```
#1b001c
```
#1b001c rgb(27,0,28)
```
#2d0030
```
#2d0030 rgb(45,0,48)
```
#400043
```
#400043 rgb(64,0,67)
```
#520057
```
#520057 rgb(82,0,87)
```
#65006a
```
#65006a rgb(101,0,106)
```
#77007e
```
#77007e rgb(119,0,126)
```
#8a0092
```
#8a0092 rgb(138,0,146)
```
#9d00a5
```
#9d00a5 rgb(157,0,165)
```
#af00b9
```
#af00b9 rgb(175,0,185)
```
#c200cd
```
#c200cd rgb(194,0,205)
```
#d400e0
```
#d400e0 rgb(212,0,224)
```
#e700f4
```
#e700f4 rgb(231,0,244)
```

Shade Color Variation

#f208ff
```
#f208ff rgb(242,8,255)
```
#f31cff
```
#f31cff rgb(243,28,255)
```
#f430ff
```
#f430ff rgb(244,48,255)
```
#f543ff
```
#f543ff rgb(245,67,255)
```
#f657ff
```
#f657ff rgb(246,87,255)
```
#f76aff
```
#f76aff rgb(247,106,255)
```
#f87eff
```
#f87eff rgb(248,126,255)
```
#f992ff
```
#f992ff rgb(249,146,255)
```
#faa5ff
```
#faa5ff rgb(250,165,255)
```
#fbb9ff
```
#fbb9ff rgb(251,185,255)
```
#fccdff
```
#fccdff rgb(252,205,255)
```
#fde0ff
```
#fde0ff rgb(253,224,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#958596
```
#958596 rgb(149,133,150)
```
#9d7c9f
```
#9d7c9f rgb(157,124,159)
```
#a573a8
```
#a573a8 rgb(165,115,168)
```
#ad6bb0
```
#ad6bb0 rgb(173,107,176)
```
#b562b9
```
#b562b9 rgb(181,98,185)
```
#bc59c2
```
#bc59c2 rgb(188,89,194)
```
#c450cb
```
#c450cb rgb(196,80,203)
```
#cc48d3
```
#cc48d3 rgb(204,72,211)
```
#d43fdc
```
#d43fdc rgb(212,63,220)
```
#dc36e5
```
#dc36e5 rgb(220,54,229)
```
#e32dee
```
#e32dee rgb(227,45,238)
```
#eb25f6
```
#eb25f6 rgb(235,37,246)
```
#f31cff
```
#f31cff rgb(243,28,255)
```

Tone Color Variation

Below, you can see how #f31cff 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
#8f6491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5490ff Protanopia 1% of men
#5994e7 Deuteranopia 1% of men
#e27077 Tritanopia 0.001% of the population

Trichromacy

#8e66ff Protanomaly 1% of men, 0.01% of women
#9168f0 Deuteranomaly 6% of men, 0.4% of women
#e851a8 Tritanomaly 0.01% of the population

#f31cff hex color

#f31cff Color Information

#f31cff Color Conversion

Color Schemes with #f31cff

Alternatives to #f31cff

#f31cff Preview

Shades and Tints of #f31cff

Tones of #f31cff

Color Blindness Simulator