#f31dff hex color

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

● #f31dff color description : Vivid magenta.

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

Hex triplet	f31dff	`#f31dff`
RGB Decimal	243, 29, 255	`rgb(243,29,255)`
RGB Percent	95.3, 11.4, 100	`rgb(95.3%,11.4%,100%)`
CMYK	5, 89, 0, 0
HSL	296.8°, 100, 55.7	`hsl(296.8,100%,55.7%)`
HSV (or HSB)	296.8°, 88.6, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.119, 94, -62.876
XYZ	55.45, 27.157, 96.924
xyY	0.309, 0.151, 27.157
CIE-LCH	59.119, 113.09, 326.222
CIE-LUV	59.119, 74.158, -110.671
Hunter-Lab	52.112, 98.736, -73.795
Binary	11110011, 00011101, 11111111

#f31dff
```
#f31dff rgb(243,29,255)
```
#29ff1d
```
#29ff1d rgb(41,255,29)
```

Complementary Color

#821dff
```
#821dff rgb(130,29,255)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#ff1d9a
```
#ff1d9a rgb(255,29,154)
```

Analogous Color

#1dff82
```
#1dff82 rgb(29,255,130)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#9aff1d
```
#9aff1d rgb(154,255,29)
```

Split Complementary Color

#1dfff3
```
#1dfff3 rgb(29,255,243)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#fff31d
```
#fff31d rgb(255,243,29)
```

Triadic Color

#1d29ff
```
#1d29ff rgb(29,41,255)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#fff31d
```
#fff31d rgb(255,243,29)
```
#29ff1d
```
#29ff1d rgb(41,255,29)
```

Tetradic Color

#c400d0
```
#c400d0 rgb(196,0,208)
```
#dd00e9
```
#dd00e9 rgb(221,0,233)
```
#f203ff
```
#f203ff rgb(242,3,255)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#f437ff
```
#f437ff rgb(244,55,255)
```
#f650ff
```
#f650ff rgb(246,80,255)
```
#f76aff
```
#f76aff rgb(247,106,255)
```

Monochromatic Color

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

#bb1dff
```
#bb1dff rgb(187,29,255)
```
#cd1dff
```
#cd1dff rgb(205,29,255)
```
#e01dff
```
#e01dff rgb(224,29,255)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#ff1df8
```
#ff1df8 rgb(255,29,248)
```
#ff1de5
```
#ff1de5 rgb(255,29,229)
```
#ff1dd3
```
#ff1dd3 rgb(255,29,211)
```

Similar Colors

Text with hexadecimal color #f31dff

This text has a font color of #f31dff.

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

#f31dff background color

This paragraph has a background color of #f31dff.

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

#f31dff border color

This element has a border color of #f31dff.

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

CSS codes

.text {color:#f31dff;}

.background {background-color:#f31dff;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1b001d
```
#1b001d rgb(27,0,29)
```
#2e0031
```
#2e0031 rgb(46,0,49)
```
#410044
```
#410044 rgb(65,0,68)
```
#530058
```
#530058 rgb(83,0,88)
```
#66006b
```
#66006b rgb(102,0,107)
```
#78007f
```
#78007f rgb(120,0,127)
```
#8b0093
```
#8b0093 rgb(139,0,147)
```
#9d00a6
```
#9d00a6 rgb(157,0,166)
```
#b000ba
```
#b000ba rgb(176,0,186)
```
#c300ce
```
#c300ce rgb(195,0,206)
```
#d500e1
```
#d500e1 rgb(213,0,225)
```
#e800f5
```
#e800f5 rgb(232,0,245)
```

Shade Color Variation

#f209ff
```
#f209ff rgb(242,9,255)
```
#f31dff
```
#f31dff rgb(243,29,255)
```
#f431ff
```
#f431ff rgb(244,49,255)
```
#f544ff
```
#f544ff rgb(245,68,255)
```
#f658ff
```
#f658ff rgb(246,88,255)
```
#f76bff
```
#f76bff rgb(247,107,255)
```
#f87fff
```
#f87fff rgb(248,127,255)
```
#f993ff
```
#f993ff rgb(249,147,255)
```
#faa6ff
```
#faa6ff rgb(250,166,255)
```
#fbbaff
```
#fbbaff rgb(251,186,255)
```
#fcceff
```
#fcceff rgb(252,206,255)
```
#fde1ff
```
#fde1ff rgb(253,225,255)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#968597
```
#968597 rgb(150,133,151)
```
#9e7d9f
```
#9e7d9f rgb(158,125,159)
```
#a574a8
```
#a574a8 rgb(165,116,168)
```
#ad6bb1
```
#ad6bb1 rgb(173,107,177)
```
#b563b9
```
#b563b9 rgb(181,99,185)
```
#bd5ac2
```
#bd5ac2 rgb(189,90,194)
```
#c451cb
```
#c451cb rgb(196,81,203)
```
#cc48d4
```
#cc48d4 rgb(204,72,212)
```
#d440dc
```
#d440dc rgb(212,64,220)
```
#dc37e5
```
#dc37e5 rgb(220,55,229)
```
#e32eee
```
#e32eee rgb(227,46,238)
```
#eb26f6
```
#eb26f6 rgb(235,38,246)
```
#f31dff
```
#f31dff rgb(243,29,255)
```

Tone Color Variation

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

Trichromacy

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

#f31dff hex color

#f31dff Color Information

#f31dff Color Conversion

Color Schemes with #f31dff

Alternatives to #f31dff

#f31dff Preview

Shades and Tints of #f31dff

Tones of #f31dff

Color Blindness Simulator