#f31cfe hex color

In a RGB color space, hex #f31cfe is composed of 95.3% red, 11% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 89% magenta, 0% yellow and 0.4% black. It has a hue angle of 297.1 degrees, a saturation of 99.1% and a lightness of 55.3%. #f31cfe color hex could be obtained by blending #ff38ff with #e700fd. Closest websafe color is: #ff33ff.

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

● #f31cfe color description : Vivid magenta.

The hexadecimal color #f31cfe has RGB values of R:243, G:28, B:254 and CMYK values of C:0.04, M:0.89, Y:0, K:0. Its decimal value is 15932670.

Hex triplet	f31cfe	`#f31cfe`
RGB Decimal	243, 28, 254	`rgb(243,28,254)`
RGB Percent	95.3, 11, 99.6	`rgb(95.3%,11%,99.6%)`
CMYK	4, 89, 0, 0
HSL	297.1°, 99.1, 55.3	`hsl(297.1,99.1%,55.3%)`
HSV (or HSB)	297.1°, 89, 99.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.015, 93.983, -62.488
XYZ	55.265, 27.044, 96.07
xyY	0.31, 0.152, 27.044
CIE-LCH	59.015, 112.861, 326.381
CIE-LUV	59.015, 74.607, -110.04
Hunter-Lab	52.004, 98.686, -73.126
Binary	11110011, 00011100, 11111110

#f31cfe
```
#f31cfe rgb(243,28,254)
```
#27fe1c
```
#27fe1c rgb(39,254,28)
```

Complementary Color

#821cfe
```
#821cfe rgb(130,28,254)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#fe1c98
```
#fe1c98 rgb(254,28,152)
```

Analogous Color

#1cfe82
```
#1cfe82 rgb(28,254,130)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#98fe1c
```
#98fe1c rgb(152,254,28)
```

Split Complementary Color

#1cfef3
```
#1cfef3 rgb(28,254,243)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#fef31c
```
#fef31c rgb(254,243,28)
```

Triadic Color

#1c27fe
```
#1c27fe rgb(28,39,254)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#fef31c
```
#fef31c rgb(254,243,28)
```
#27fe1c
```
#27fe1c rgb(39,254,28)
```

Tetradic Color

#c301cd
```
#c301cd rgb(195,1,205)
```
#db01e6
```
#db01e6 rgb(219,1,230)
```
#f203fe
```
#f203fe rgb(242,3,254)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#f435fe
```
#f435fe rgb(244,53,254)
```
#f64ffe
```
#f64ffe rgb(246,79,254)
```
#f768fe
```
#f768fe rgb(247,104,254)
```

Monochromatic Color

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

#bb1cfe
```
#bb1cfe rgb(187,28,254)
```
#cd1cfe
```
#cd1cfe rgb(205,28,254)
```
#e01cfe
```
#e01cfe rgb(224,28,254)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#fe1cf6
```
#fe1cf6 rgb(254,28,246)
```
#fe1ce3
```
#fe1ce3 rgb(254,28,227)
```
#fe1cd1
```
#fe1cd1 rgb(254,28,209)
```

Similar Colors

Text with hexadecimal color #f31cfe

This text has a font color of #f31cfe.

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

#f31cfe background color

This paragraph has a background color of #f31cfe.

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

#f31cfe border color

This element has a border color of #f31cfe.

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

CSS codes

.text {color:#f31cfe;}

.background {background-color:#f31cfe;}

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

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

#070007
```
#070007 rgb(7,0,7)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2c002e
```
#2c002e rgb(44,0,46)
```
#3f0042
```
#3f0042 rgb(63,0,66)
```
#510055
```
#510055 rgb(81,0,85)
```
#640069
```
#640069 rgb(100,0,105)
```
#76017d
```
#76017d rgb(118,1,125)
```
#890190
```
#890190 rgb(137,1,144)
```
#9c01a4
```
#9c01a4 rgb(156,1,164)
```
#ae01b7
```
#ae01b7 rgb(174,1,183)
```
#c101cb
```
#c101cb rgb(193,1,203)
```
#d301de
```
#d301de rgb(211,1,222)
```
#e601f2
```
#e601f2 rgb(230,1,242)
```

Shade Color Variation

#f208fe
```
#f208fe rgb(242,8,254)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```
#f430fe
```
#f430fe rgb(244,48,254)
```
#f543fe
```
#f543fe rgb(245,67,254)
```
#f657fe
```
#f657fe rgb(246,87,254)
```
#f76afe
```
#f76afe rgb(247,106,254)
```
#f87efe
```
#f87efe rgb(248,126,254)
```
#f991ff
```
#f991ff rgb(249,145,255)
```
#faa5ff
```
#faa5ff rgb(250,165,255)
```
#fbb8ff
```
#fbb8ff rgb(251,184,255)
```
#fcccff
```
#fcccff rgb(252,204,255)
```
#fddfff
```
#fddfff rgb(253,223,255)
```
#fef3ff
```
#fef3ff rgb(254,243,255)
```

Tint Color Variation

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

#948595
```
#948595 rgb(148,133,149)
```
#9c7c9e
```
#9c7c9e rgb(156,124,158)
```
#a474a6
```
#a474a6 rgb(164,116,166)
```
#ac6baf
```
#ac6baf rgb(172,107,175)
```
#b462b8
```
#b462b8 rgb(180,98,184)
```
#bc59c1
```
#bc59c1 rgb(188,89,193)
```
#c451c9
```
#c451c9 rgb(196,81,201)
```
#cb48d2
```
#cb48d2 rgb(203,72,210)
```
#d33fdb
```
#d33fdb rgb(211,63,219)
```
#db36e4
```
#db36e4 rgb(219,54,228)
```
#e32eec
```
#e32eec rgb(227,46,236)
```
#eb25f5
```
#eb25f5 rgb(235,37,245)
```
#f31cfe
```
#f31cfe rgb(243,28,254)
```

Tone Color Variation

Below, you can see how #f31cfe 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
#5a94e6 Deuteranopia 1% of men
#e27077 Tritanopia 0.001% of the population

Trichromacy

#8d66fe Protanomaly 1% of men, 0.01% of women
#9268ef Deuteranomaly 6% of men, 0.4% of women
#e851a8 Tritanomaly 0.01% of the population

#f31cfe hex color

#f31cfe Color Information

#f31cfe Color Conversion

Color Schemes with #f31cfe

Alternatives to #f31cfe

#f31cfe Preview

Shades and Tints of #f31cfe

Tones of #f31cfe

Color Blindness Simulator