#f31aff hex color

In a RGB color space, hex #f31aff is composed of 95.3% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 296.9 degrees, a saturation of 100% and a lightness of 55.1%. #f31aff color hex could be obtained by blending #ff34ff with #e700ff. Closest websafe color is: #ff33ff.

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

● #f31aff color description : Vivid magenta.

The hexadecimal color #f31aff has RGB values of R:243, G:26, B:255 and CMYK values of C:0.05, M:0.9, Y:0, K:0. Its decimal value is 15932159.

Hex triplet	f31aff	`#f31aff`
RGB Decimal	243, 26, 255	`rgb(243,26,255)`
RGB Percent	95.3, 10.2, 100	`rgb(95.3%,10.2%,100%)`
CMYK	5, 90, 0, 0
HSL	296.9°, 100, 55.1	`hsl(296.9,100%,55.1%)`
HSV (or HSB)	296.9°, 89.8, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.99, 94.381, -63.083
XYZ	55.38, 27.017, 96.9
xyY	0.309, 0.151, 27.017
CIE-LCH	58.99, 113.522, 326.242
CIE-LUV	58.99, 74.383, -110.973
Hunter-Lab	51.978, 99.222, -74.147
Binary	11110011, 00011010, 11111111

#f31aff
```
#f31aff rgb(243,26,255)
```
#26ff1a
```
#26ff1a rgb(38,255,26)
```

Complementary Color

#811aff
```
#811aff rgb(129,26,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#ff1a99
```
#ff1a99 rgb(255,26,153)
```

Analogous Color

#1aff81
```
#1aff81 rgb(26,255,129)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#99ff1a
```
#99ff1a rgb(153,255,26)
```

Split Complementary Color

#1afff3
```
#1afff3 rgb(26,255,243)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#fff31a
```
#fff31a rgb(255,243,26)
```

Triadic Color

#1a26ff
```
#1a26ff rgb(26,38,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#fff31a
```
#fff31a rgb(255,243,26)
```
#26ff1a
```
#26ff1a rgb(38,255,26)
```

Tetradic Color

#c200cd
```
#c200cd rgb(194,0,205)
```
#da00e6
```
#da00e6 rgb(218,0,230)
```
#f200ff
```
#f200ff rgb(242,0,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#f434ff
```
#f434ff rgb(244,52,255)
```
#f64dff
```
#f64dff rgb(246,77,255)
```
#f767ff
```
#f767ff rgb(247,103,255)
```

Monochromatic Color

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

#ba1aff
```
#ba1aff rgb(186,26,255)
```
#cd1aff
```
#cd1aff rgb(205,26,255)
```
#e01aff
```
#e01aff rgb(224,26,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#ff1af8
```
#ff1af8 rgb(255,26,248)
```
#ff1ae5
```
#ff1ae5 rgb(255,26,229)
```
#ff1ad2
```
#ff1ad2 rgb(255,26,210)
```

Similar Colors

Text with hexadecimal color #f31aff

This text has a font color of #f31aff.

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

#f31aff background color

This paragraph has a background color of #f31aff.

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

#f31aff border color

This element has a border color of #f31aff.

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

CSS codes

.text {color:#f31aff;}

.background {background-color:#f31aff;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#19001a
```
#19001a rgb(25,0,26)
```
#2b002e
```
#2b002e rgb(43,0,46)
```
#3e0041
```
#3e0041 rgb(62,0,65)
```
#500055
```
#500055 rgb(80,0,85)
```
#630068
```
#630068 rgb(99,0,104)
```
#76007c
```
#76007c rgb(118,0,124)
```
#880090
```
#880090 rgb(136,0,144)
```
#9b00a3
```
#9b00a3 rgb(155,0,163)
```
#ad00b7
```
#ad00b7 rgb(173,0,183)
```
#c000cb
```
#c000cb rgb(192,0,203)
```
#d300de
```
#d300de rgb(211,0,222)
```
#e500f2
```
#e500f2 rgb(229,0,242)
```

Shade Color Variation

#f206ff
```
#f206ff rgb(242,6,255)
```
#f31aff
```
#f31aff rgb(243,26,255)
```
#f42eff
```
#f42eff rgb(244,46,255)
```
#f541ff
```
#f541ff rgb(245,65,255)
```
#f655ff
```
#f655ff rgb(246,85,255)
```
#f768ff
```
#f768ff rgb(247,104,255)
```
#f87cff
```
#f87cff rgb(248,124,255)
```
#f990ff
```
#f990ff rgb(249,144,255)
```
#faa3ff
```
#faa3ff rgb(250,163,255)
```
#fbb7ff
```
#fbb7ff rgb(251,183,255)
```
#fccbff
```
#fccbff rgb(252,203,255)
```
#fddeff
```
#fddeff rgb(253,222,255)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#948495
```
#948495 rgb(148,132,149)
```
#9c7b9e
```
#9c7b9e rgb(156,123,158)
```
#a472a7
```
#a472a7 rgb(164,114,167)
```
#ac69b0
```
#ac69b0 rgb(172,105,176)
```
#b460b9
```
#b460b9 rgb(180,96,185)
```
#bc58c1
```
#bc58c1 rgb(188,88,193)
```
#c44fca
```
#c44fca rgb(196,79,202)
```
#cc46d3
```
#cc46d3 rgb(204,70,211)
```
#d33ddc
```
#d33ddc rgb(211,61,220)
```
#db34e5
```
#db34e5 rgb(219,52,229)
```
#e32ced
```
#e32ced rgb(227,44,237)
```
#eb23f6
```
#eb23f6 rgb(235,35,246)
```
#f31aff
```
#f31aff rgb(243,26,255)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8e6391 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#f31aff hex color

#f31aff Color Information

#f31aff Color Conversion

Color Schemes with #f31aff

Alternatives to #f31aff

#f31aff Preview

Shades and Tints of #f31aff

Tones of #f31aff

Color Blindness Simulator