#f31dfe hex color

In a RGB color space, hex #f31dfe is composed of 95.3% red, 11.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 88.6% 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.5%. #f31dfe color hex could be obtained by blending #ff3aff 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

● #f31dfe color description : Vivid magenta.

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

Hex triplet	f31dfe	`#f31dfe`
RGB Decimal	243, 29, 254	`rgb(243,29,254)`
RGB Percent	95.3, 11.4, 99.6	`rgb(95.3%,11.4%,99.6%)`
CMYK	4, 89, 0, 0
HSL	297.1°, 99.1, 55.5	`hsl(297.1,99.1%,55.5%)`
HSV (or HSB)	297.1°, 88.6, 99.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.06, 93.851, -62.417
XYZ	55.289, 27.093, 96.078
xyY	0.31, 0.152, 27.093
CIE-LCH	59.06, 112.712, 326.374
CIE-LUV	59.06, 74.529, -109.936
Hunter-Lab	52.051, 98.518, -73.005
Binary	11110011, 00011101, 11111110

#f31dfe
```
#f31dfe rgb(243,29,254)
```
#28fe1d
```
#28fe1d rgb(40,254,29)
```

Complementary Color

#831dfe
```
#831dfe rgb(131,29,254)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#fe1d99
```
#fe1d99 rgb(254,29,153)
```

Analogous Color

#1dfe83
```
#1dfe83 rgb(29,254,131)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#99fe1d
```
#99fe1d rgb(153,254,29)
```

Split Complementary Color

#1dfef3
```
#1dfef3 rgb(29,254,243)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#fef31d
```
#fef31d rgb(254,243,29)
```

Triadic Color

#1d28fe
```
#1d28fe rgb(29,40,254)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#fef31d
```
#fef31d rgb(254,243,29)
```
#28fe1d
```
#28fe1d rgb(40,254,29)
```

Tetradic Color

#c401ce
```
#c401ce rgb(196,1,206)
```
#dc01e7
```
#dc01e7 rgb(220,1,231)
```
#f204fe
```
#f204fe rgb(242,4,254)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#f436fe
```
#f436fe rgb(244,54,254)
```
#f650fe
```
#f650fe rgb(246,80,254)
```
#f769fe
```
#f769fe rgb(247,105,254)
```

Monochromatic Color

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

#bb1dfe
```
#bb1dfe rgb(187,29,254)
```
#ce1dfe
```
#ce1dfe rgb(206,29,254)
```
#e01dfe
```
#e01dfe rgb(224,29,254)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#fe1df6
```
#fe1df6 rgb(254,29,246)
```
#fe1de4
```
#fe1de4 rgb(254,29,228)
```
#fe1dd1
```
#fe1dd1 rgb(254,29,209)
```

Similar Colors

Text with hexadecimal color #f31dfe

This text has a font color of #f31dfe.

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

#f31dfe background color

This paragraph has a background color of #f31dfe.

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

#f31dfe border color

This element has a border color of #f31dfe.

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

CSS codes

.text {color:#f31dfe;}

.background {background-color:#f31dfe;}

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

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)
```
#2d002f
```
#2d002f rgb(45,0,47)
```
#400043
```
#400043 rgb(64,0,67)
```
#520056
```
#520056 rgb(82,0,86)
```
#65006a
```
#65006a rgb(101,0,106)
```
#77017e
```
#77017e rgb(119,1,126)
```
#8a0191
```
#8a0191 rgb(138,1,145)
```
#9d01a5
```
#9d01a5 rgb(157,1,165)
```
#af01b8
```
#af01b8 rgb(175,1,184)
```
#c201cc
```
#c201cc rgb(194,1,204)
```
#d401df
```
#d401df rgb(212,1,223)
```
#e701f3
```
#e701f3 rgb(231,1,243)
```

Shade Color Variation

#f209fe
```
#f209fe rgb(242,9,254)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```
#f431fe
```
#f431fe rgb(244,49,254)
```
#f544fe
```
#f544fe rgb(245,68,254)
```
#f658fe
```
#f658fe rgb(246,88,254)
```
#f76bfe
```
#f76bfe rgb(247,107,254)
```
#f87ffe
```
#f87ffe rgb(248,127,254)
```
#f992ff
```
#f992ff rgb(249,146,255)
```
#faa6ff
```
#faa6ff rgb(250,166,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, #948695 is the less saturated color, while #f31dfe is the most saturated one.

#948695
```
#948695 rgb(148,134,149)
```
#9c7d9e
```
#9c7d9e rgb(156,125,158)
```
#a474a7
```
#a474a7 rgb(164,116,167)
```
#ac6caf
```
#ac6caf rgb(172,108,175)
```
#b463b8
```
#b463b8 rgb(180,99,184)
```
#bc5ac1
```
#bc5ac1 rgb(188,90,193)
```
#c451ca
```
#c451ca rgb(196,81,202)
```
#cc49d2
```
#cc49d2 rgb(204,73,210)
```
#d340db
```
#d340db rgb(211,64,219)
```
#db37e4
```
#db37e4 rgb(219,55,228)
```
#e32eed
```
#e32eed rgb(227,46,237)
```
#eb26f5
```
#eb26f5 rgb(235,38,245)
```
#f31dfe
```
#f31dfe rgb(243,29,254)
```

Tone Color Variation

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

#5490ff Protanopia 1% of men
#5b94e6 Deuteranopia 1% of men
#e27077 Tritanopia 0.001% of the population

Trichromacy

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

#f31dfe hex color

#f31dfe Color Information

#f31dfe Color Conversion

Color Schemes with #f31dfe

Alternatives to #f31dfe

#f31dfe Preview

Shades and Tints of #f31dfe

Tones of #f31dfe

Color Blindness Simulator