#f81efd hex color

In a RGB color space, hex #f81efd is composed of 97.3% red, 11.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 88.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 298.7 degrees, a saturation of 98.2% and a lightness of 55.5%. #f81efd color hex could be obtained by blending #ff3cff with #f100fb. Closest websafe color is: #ff33ff.

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

● #f81efd color description : Vivid magenta.

The hexadecimal color #f81efd has RGB values of R:248, G:30, B:253 and CMYK values of C:0.02, M:0.88, Y:0, K:0.01. Its decimal value is 16260861.

Hex triplet	f81efd	`#f81efd`
RGB Decimal	248, 30, 253	`rgb(248,30,253)`
RGB Percent	97.3, 11.8, 99.2	`rgb(97.3%,11.8%,99.2%)`
CMYK	2, 88, 0, 1
HSL	298.7°, 98.2, 55.5	`hsl(298.7,98.2%,55.5%)`
HSV (or HSB)	298.7°, 88.1, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.871, 94.379, -60.517
XYZ	56.904, 27.981, 95.327
xyY	0.316, 0.155, 27.981
CIE-LCH	59.871, 112.114, 327.331
CIE-LUV	59.871, 78.328, -107.498
Hunter-Lab	52.897, 99.453, -69.821
Binary	11111000, 00011110, 11111101

#f81efd
```
#f81efd rgb(248,30,253)
```
#23fd1e
```
#23fd1e rgb(35,253,30)
```

Complementary Color

#891efd
```
#891efd rgb(137,30,253)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#fd1e93
```
#fd1e93 rgb(253,30,147)
```

Analogous Color

#1efd89
```
#1efd89 rgb(30,253,137)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#93fd1e
```
#93fd1e rgb(147,253,30)
```

Split Complementary Color

#1efdf8
```
#1efdf8 rgb(30,253,248)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#fdf81e
```
#fdf81e rgb(253,248,30)
```

Triadic Color

#1e23fd
```
#1e23fd rgb(30,35,253)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#fdf81e
```
#fdf81e rgb(253,248,30)
```
#23fd1e
```
#23fd1e rgb(35,253,30)
```

Tetradic Color

#c802cd
```
#c802cd rgb(200,2,205)
```
#e102e6
```
#e102e6 rgb(225,2,230)
```
#f705fd
```
#f705fd rgb(247,5,253)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#f937fd
```
#f937fd rgb(249,55,253)
```
#fa51fd
```
#fa51fd rgb(250,81,253)
```
#fa6afe
```
#fa6afe rgb(250,106,254)
```

Monochromatic Color

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

#c01efd
```
#c01efd rgb(192,30,253)
```
#d31efd
```
#d31efd rgb(211,30,253)
```
#e51efd
```
#e51efd rgb(229,30,253)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#fd1eef
```
#fd1eef rgb(253,30,239)
```
#fd1edd
```
#fd1edd rgb(253,30,221)
```
#fd1eca
```
#fd1eca rgb(253,30,202)
```

Similar Colors

Text with hexadecimal color #f81efd

This text has a font color of #f81efd.

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

#f81efd background color

This paragraph has a background color of #f81efd.

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

#f81efd border color

This element has a border color of #f81efd.

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

CSS codes

.text {color:#f81efd;}

.background {background-color:#f81efd;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1b001c
```
#1b001c rgb(27,0,28)
```
#2e002f
```
#2e002f rgb(46,0,47)
```
#410143
```
#410143 rgb(65,1,67)
```
#540156
```
#540156 rgb(84,1,86)
```
#67016a
```
#67016a rgb(103,1,106)
```
#7a017d
```
#7a017d rgb(122,1,125)
```
#8d0190
```
#8d0190 rgb(141,1,144)
```
#a001a4
```
#a001a4 rgb(160,1,164)
```
#b302b7
```
#b302b7 rgb(179,2,183)
```
#c602cb
```
#c602cb rgb(198,2,203)
```
#d902de
```
#d902de rgb(217,2,222)
```
#ec02f2
```
#ec02f2 rgb(236,2,242)
```

Shade Color Variation

#f70bfd
```
#f70bfd rgb(247,11,253)
```
#f81efd
```
#f81efd rgb(248,30,253)
```
#f931fd
```
#f931fd rgb(249,49,253)
```
#f945fd
```
#f945fd rgb(249,69,253)
```
#fa58fe
```
#fa58fe rgb(250,88,254)
```
#fa6cfe
```
#fa6cfe rgb(250,108,254)
```
#fb7ffe
```
#fb7ffe rgb(251,127,254)
```
#fc93fe
```
#fc93fe rgb(252,147,254)
```
#fca6fe
```
#fca6fe rgb(252,166,254)
```
#fdbafe
```
#fdbafe rgb(253,186,254)
```
#fdcdff
```
#fdcdff rgb(253,205,255)
```
#fee0ff
```
#fee0ff rgb(254,224,255)
```
#fff4ff
```
#fff4ff rgb(255,244,255)
```

Tint Color Variation

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

#948794
```
#948794 rgb(148,135,148)
```
#9c7e9d
```
#9c7e9d rgb(156,126,157)
```
#a575a6
```
#a575a6 rgb(165,117,166)
```
#ad6dae
```
#ad6dae rgb(173,109,174)
```
#b564b7
```
#b564b7 rgb(181,100,183)
```
#be5bc0
```
#be5bc0 rgb(190,91,192)
```
#c652c9
```
#c652c9 rgb(198,82,201)
```
#ce4ad1
```
#ce4ad1 rgb(206,74,209)
```
#d741da
```
#d741da rgb(215,65,218)
```
#df38e3
```
#df38e3 rgb(223,56,227)
```
#e72fec
```
#e72fec rgb(231,47,236)
```
#f027f4
```
#f027f4 rgb(240,39,244)
```
#f81efd
```
#f81efd rgb(248,30,253)
```

Tone Color Variation

Below, you can see how #f81efd 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
#6396e6 Deuteranopia 1% of men
#e77076 Tritanopia 0.001% of the population

Trichromacy

#9368fe Protanomaly 1% of men, 0.01% of women
#996aee Deuteranomaly 6% of men, 0.4% of women
#ed52a7 Tritanomaly 0.01% of the population

#f81efd hex color

#f81efd Color Information

#f81efd Color Conversion

Color Schemes with #f81efd

Alternatives to #f81efd

#f81efd Preview

Shades and Tints of #f81efd

Tones of #f81efd

Color Blindness Simulator