#f81ffb hex color

In a RGB color space, hex #f81ffb is composed of 97.3% red, 12.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 87.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 299.2 degrees, a saturation of 96.5% and a lightness of 55.3%. #f81ffb color hex could be obtained by blending #ff3eff with #f100f7. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 97
- G 12
- B 98
RGB color chart
- C 1
- M 88
- Y 0
- K 2
CMYK color chart

● #f81ffb color description : Vivid magenta.

The hexadecimal color #f81ffb has RGB values of R:248, G:31, B:251 and CMYK values of C:0.01, M:0.88, Y:0, K:0.02. Its decimal value is 16261115.

Hex triplet	f81ffb	`#f81ffb`
RGB Decimal	248, 31, 251	`rgb(248,31,251)`
RGB Percent	97.3, 12.2, 98.4	`rgb(97.3%,12.2%,98.4%)`
CMYK	1, 88, 0, 2
HSL	299.2°, 96.5, 55.3	`hsl(299.2,96.5%,55.3%)`
HSV (or HSB)	299.2°, 87.6, 98.4
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.803, 93.952, -59.517
XYZ	56.613, 27.905, 93.666
xyY	0.318, 0.157, 27.905
CIE-LCH	59.803, 111.217, 327.647
CIE-LUV	59.803, 79.006, -105.898
Hunter-Lab	52.825, 98.853, -68.151
Binary	11111000, 00011111, 11111011

#f81ffb
```
#f81ffb rgb(248,31,251)
```
#22fb1f
```
#22fb1f rgb(34,251,31)
```

Complementary Color

#8a1ffb
```
#8a1ffb rgb(138,31,251)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#fb1f90
```
#fb1f90 rgb(251,31,144)
```

Analogous Color

#1ffb8a
```
#1ffb8a rgb(31,251,138)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#90fb1f
```
#90fb1f rgb(144,251,31)
```

Split Complementary Color

#1ffbf8
```
#1ffbf8 rgb(31,251,248)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#fbf81f
```
#fbf81f rgb(251,248,31)
```

Triadic Color

#1f22fb
```
#1f22fb rgb(31,34,251)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#fbf81f
```
#fbf81f rgb(251,248,31)
```
#22fb1f
```
#22fb1f rgb(34,251,31)
```

Tetradic Color

#c704ca
```
#c704ca rgb(199,4,202)
```
#e004e3
```
#e004e3 rgb(224,4,227)
```
#f706fb
```
#f706fb rgb(247,6,251)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#f938fb
```
#f938fb rgb(249,56,251)
```
#fa51fc
```
#fa51fc rgb(250,81,252)
```
#fa6afc
```
#fa6afc rgb(250,106,252)
```

Monochromatic Color

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

#c11ffb
```
#c11ffb rgb(193,31,251)
```
#d31ffb
```
#d31ffb rgb(211,31,251)
```
#e61ffb
```
#e61ffb rgb(230,31,251)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#fb1fec
```
#fb1fec rgb(251,31,236)
```
#fb1fd9
```
#fb1fd9 rgb(251,31,217)
```
#fb1fc7
```
#fb1fc7 rgb(251,31,199)
```

Similar Colors

Text with hexadecimal color #f81ffb

This text has a font color of #f81ffb.

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

#f81ffb background color

This paragraph has a background color of #f81ffb.

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

#f81ffb border color

This element has a border color of #f81ffb.

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

CSS codes

.text {color:#f81ffb;}

.background {background-color:#f81ffb;}

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

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 #fff3ff is the lightest one.

#070007
```
#070007 rgb(7,0,7)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2d012e
```
#2d012e rgb(45,1,46)
```
#400141
```
#400141 rgb(64,1,65)
```
#530254
```
#530254 rgb(83,2,84)
```
#660268
```
#660268 rgb(102,2,104)
```
#79027b
```
#79027b rgb(121,2,123)
```
#8c038e
```
#8c038e rgb(140,3,142)
```
#9f03a1
```
#9f03a1 rgb(159,3,161)
```
#b203b5
```
#b203b5 rgb(178,3,181)
```
#c504c8
```
#c504c8 rgb(197,4,200)
```
#d804db
```
#d804db rgb(216,4,219)
```
#eb04ef
```
#eb04ef rgb(235,4,239)
```

Shade Color Variation

#f70cfb
```
#f70cfb rgb(247,12,251)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```
#f932fb
```
#f932fb rgb(249,50,251)
```
#f946fc
```
#f946fc rgb(249,70,252)
```
#fa59fc
```
#fa59fc rgb(250,89,252)
```
#fa6cfc
```
#fa6cfc rgb(250,108,252)
```
#fb7ffd
```
#fb7ffd rgb(251,127,253)
```
#fc93fd
```
#fc93fd rgb(252,147,253)
```
#fca6fd
```
#fca6fd rgb(252,166,253)
```
#fdb9fe
```
#fdb9fe rgb(253,185,254)
```
#fdccfe
```
#fdccfe rgb(253,204,254)
```
#fee0fe
```
#fee0fe rgb(254,224,254)
```
#fff3ff
```
#fff3ff rgb(255,243,255)
```

Tint Color Variation

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

#928892
```
#928892 rgb(146,136,146)
```
#9a7f9b
```
#9a7f9b rgb(154,127,155)
```
#a377a3
```
#a377a3 rgb(163,119,163)
```
#ab6eac
```
#ab6eac rgb(171,110,172)
```
#b465b5
```
#b465b5 rgb(180,101,181)
```
#bc5cbe
```
#bc5cbe rgb(188,92,190)
```
#c554c6
```
#c554c6 rgb(197,84,198)
```
#cd4bcf
```
#cd4bcf rgb(205,75,207)
```
#d642d8
```
#d642d8 rgb(214,66,216)
```
#de39e1
```
#de39e1 rgb(222,57,225)
```
#e731e9
```
#e731e9 rgb(231,49,233)
```
#ef28f2
```
#ef28f2 rgb(239,40,242)
```
#f81ffb
```
#f81ffb rgb(248,31,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#926793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5992ff Protanopia 1% of men
#6596e4 Deuteranopia 1% of men
#e76f76 Tritanopia 0.001% of the population

Trichromacy

#9368fd Protanomaly 1% of men, 0.01% of women
#9a6aec Deuteranomaly 6% of men, 0.4% of women
#ed52a6 Tritanomaly 0.01% of the population

#f81ffb hex color

#f81ffb Color Information

#f81ffb Color Conversion

Color Schemes with #f81ffb

Alternatives to #f81ffb

#f81ffb Preview

Shades and Tints of #f81ffb

Tones of #f81ffb

Color Blindness Simulator