#f31afc hex color

In a RGB color space, hex #f31afc is composed of 95.3% red, 10.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 89.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 297.6 degrees, a saturation of 97.4% and a lightness of 54.5%. #f31afc color hex could be obtained by blending #ff34ff with #e700f9. Closest websafe color is: #ff33ff.

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

● #f31afc color description : Vivid magenta.

The hexadecimal color #f31afc has RGB values of R:243, G:26, B:252 and CMYK values of C:0.04, M:0.9, Y:0, K:0.01. Its decimal value is 15932156.

Hex triplet	f31afc	`#f31afc`
RGB Decimal	243, 26, 252	`rgb(243,26,252)`
RGB Percent	95.3, 10.2, 98.8	`rgb(95.3%,10.2%,98.8%)`
CMYK	4, 90, 0, 1
HSL	297.6°, 97.4, 54.5	`hsl(297.6,97.4%,54.5%)`
HSV (or HSB)	297.6°, 89.7, 98.8
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.812, 93.939, -61.705
XYZ	54.901, 26.825, 94.376
xyY	0.312, 0.152, 26.825
CIE-LCH	58.812, 112.392, 326.701
CIE-LUV	58.812, 75.506, -108.769
Hunter-Lab	51.793, 98.572, -71.782
Binary	11110011, 00011010, 11111100

#f31afc
```
#f31afc rgb(243,26,252)
```
#23fc1a
```
#23fc1a rgb(35,252,26)
```

Complementary Color

#821afc
```
#821afc rgb(130,26,252)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#fc1a94
```
#fc1a94 rgb(252,26,148)
```

Analogous Color

#1afc82
```
#1afc82 rgb(26,252,130)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#94fc1a
```
#94fc1a rgb(148,252,26)
```

Split Complementary Color

#1afcf3
```
#1afcf3 rgb(26,252,243)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#fcf31a
```
#fcf31a rgb(252,243,26)
```

Triadic Color

#1a23fc
```
#1a23fc rgb(26,35,252)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#fcf31a
```
#fcf31a rgb(252,243,26)
```
#23fc1a
```
#23fc1a rgb(35,252,26)
```

Tetradic Color

#bf03c7
```
#bf03c7 rgb(191,3,199)
```
#d703e0
```
#d703e0 rgb(215,3,224)
```
#ef03f9
```
#ef03f9 rgb(239,3,249)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#f433fc
```
#f433fc rgb(244,51,252)
```
#f64cfd
```
#f64cfd rgb(246,76,253)
```
#f766fd
```
#f766fd rgb(247,102,253)
```

Monochromatic Color

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

#bb1afc
```
#bb1afc rgb(187,26,252)
```
#cd1afc
```
#cd1afc rgb(205,26,252)
```
#e01afc
```
#e01afc rgb(224,26,252)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#fc1af2
```
#fc1af2 rgb(252,26,242)
```
#fc1adf
```
#fc1adf rgb(252,26,223)
```
#fc1acd
```
#fc1acd rgb(252,26,205)
```

Similar Colors

Text with hexadecimal color #f31afc

This text has a font color of #f31afc.

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

#f31afc background color

This paragraph has a background color of #f31afc.

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

#f31afc border color

This element has a border color of #f31afc.

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

CSS codes

.text {color:#f31afc;}

.background {background-color:#f31afc;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160017
```
#160017 rgb(22,0,23)
```
#28012a
```
#28012a rgb(40,1,42)
```
#3b013d
```
#3b013d rgb(59,1,61)
```
#4e0151
```
#4e0151 rgb(78,1,81)
```
#600164
```
#600164 rgb(96,1,100)
```
#730278
```
#730278 rgb(115,2,120)
```
#85028b
```
#85028b rgb(133,2,139)
```
#98029e
```
#98029e rgb(152,2,158)
```
#ab02b2
```
#ab02b2 rgb(171,2,178)
```
#bd03c5
```
#bd03c5 rgb(189,3,197)
```
#d003d8
```
#d003d8 rgb(208,3,216)
```
#e203ec
```
#e203ec rgb(226,3,236)
```

Shade Color Variation

#f207fc
```
#f207fc rgb(242,7,252)
```
#f31afc
```
#f31afc rgb(243,26,252)
```
#f42dfc
```
#f42dfc rgb(244,45,252)
```
#f541fd
```
#f541fd rgb(245,65,253)
```
#f654fd
```
#f654fd rgb(246,84,253)
```
#f767fd
```
#f767fd rgb(247,103,253)
```
#f87bfd
```
#f87bfd rgb(248,123,253)
```
#f98efe
```
#f98efe rgb(249,142,254)
```
#faa2fe
```
#faa2fe rgb(250,162,254)
```
#fbb5fe
```
#fbb5fe rgb(251,181,254)
```
#fcc8fe
```
#fcc8fe rgb(252,200,254)
```
#fddcff
```
#fddcff rgb(253,220,255)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#908591
```
#908591 rgb(144,133,145)
```
#997c9a
```
#997c9a rgb(153,124,154)
```
#a173a3
```
#a173a3 rgb(161,115,163)
```
#a96aac
```
#a96aac rgb(169,106,172)
```
#b161b5
```
#b161b5 rgb(177,97,181)
```
#ba58be
```
#ba58be rgb(186,88,190)
```
#c250c6
```
#c250c6 rgb(194,80,198)
```
#ca47cf
```
#ca47cf rgb(202,71,207)
```
#d23ed8
```
#d23ed8 rgb(210,62,216)
```
#da35e1
```
#da35e1 rgb(218,53,225)
```
#e32cea
```
#e32cea rgb(227,44,234)
```
#eb23f3
```
#eb23f3 rgb(235,35,243)
```
#f31afc
```
#f31afc rgb(243,26,252)
```

Tone Color Variation

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

Dichromacy

#5290ff Protanopia 1% of men
#5c94e5 Deuteranopia 1% of men
#e26e75 Tritanopia 0.001% of the population

Trichromacy

#8c65fd Protanomaly 1% of men, 0.01% of women
#9367ed Deuteranomaly 6% of men, 0.4% of women
#e850a6 Tritanomaly 0.01% of the population

#f31afc hex color

#f31afc Color Information

#f31afc Color Conversion

Color Schemes with #f31afc

Alternatives to #f31afc

#f31afc Preview

Shades and Tints of #f31afc

Tones of #f31afc

Color Blindness Simulator