#f81cf5 hex color

In a RGB color space, hex #f81cf5 is composed of 97.3% red, 11% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 1.2% yellow and 2.7% black. It has a hue angle of 300.8 degrees, a saturation of 94% and a lightness of 54.1%. #f81cf5 color hex could be obtained by blending #ff38ff with #f100eb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 97
- G 11
- B 96
RGB color chart
- C 0
- M 89
- Y 1
- K 3
CMYK color chart

● #f81cf5 color description : Vivid magenta.

The hexadecimal color #f81cf5 has RGB values of R:248, G:28, B:245 and CMYK values of C:0, M:0.89, Y:0.01, K:0.03. Its decimal value is 16260341.

Hex triplet	f81cf5	`#f81cf5`
RGB Decimal	248, 28, 245	`rgb(248,28,245)`
RGB Percent	97.3, 11, 96.1	`rgb(97.3%,11%,96.1%)`
CMYK	0, 89, 1, 3
HSL	300.8°, 94, 54.1	`hsl(300.8,94%,54.1%)`
HSV (or HSB)	300.8°, 88.7, 97.3
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.328, 93.496, -56.941
XYZ	55.607, 27.383, 88.738
xyY	0.324, 0.159, 27.383
CIE-LCH	59.328, 109.47, 328.658
CIE-LUV	59.328, 81.588, -101.743
Hunter-Lab	52.329, 98.105, -63.912
Binary	11111000, 00011100, 11110101

#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#1cf81f
```
#1cf81f rgb(28,248,31)
```

Complementary Color

#8d1cf8
```
#8d1cf8 rgb(141,28,248)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f81c87
```
#f81c87 rgb(248,28,135)
```

Analogous Color

#1cf88d
```
#1cf88d rgb(28,248,141)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#87f81c
```
#87f81c rgb(135,248,28)
```

Split Complementary Color

#1cf5f8
```
#1cf5f8 rgb(28,245,248)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f5f81c
```
#f5f81c rgb(245,248,28)
```

Triadic Color

#1f1cf8
```
#1f1cf8 rgb(31,28,248)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f5f81c
```
#f5f81c rgb(245,248,28)
```
#1cf81f
```
#1cf81f rgb(28,248,31)
```

Tetradic Color

#c206bf
```
#c206bf rgb(194,6,191)
```
#da07d7
```
#da07d7 rgb(218,7,215)
```
#f307f0
```
#f307f0 rgb(243,7,240)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f935f6
```
#f935f6 rgb(249,53,246)
```
#fa4df7
```
#fa4df7 rgb(250,77,247)
```
#fa66f8
```
#fa66f8 rgb(250,102,248)
```

Monochromatic Color

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

#c41cf8
```
#c41cf8 rgb(196,28,248)
```
#d61cf8
```
#d61cf8 rgb(214,28,248)
```
#e91cf8
```
#e91cf8 rgb(233,28,248)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f81ce3
```
#f81ce3 rgb(248,28,227)
```
#f81cd0
```
#f81cd0 rgb(248,28,208)
```
#f81cbe
```
#f81cbe rgb(248,28,190)
```

Similar Colors

Text with hexadecimal color #f81cf5

This text has a font color of #f81cf5.

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

#f81cf5 background color

This paragraph has a background color of #f81cf5.

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

#f81cf5 border color

This element has a border color of #f81cf5.

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

CSS codes

.text {color:#f81cf5;}

.background {background-color:#f81cf5;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140114
```
#140114 rgb(20,1,20)
```
#270127
```
#270127 rgb(39,1,39)
```
#3a023a
```
#3a023a rgb(58,2,58)
```
#4d024c
```
#4d024c rgb(77,2,76)
```
#60035f
```
#60035f rgb(96,3,95)
```
#740472
```
#740472 rgb(116,4,114)
```
#870485
```
#870485 rgb(135,4,133)
```
#9a0598
```
#9a0598 rgb(154,5,152)
```
#ad05aa
```
#ad05aa rgb(173,5,170)
```
#c006bd
```
#c006bd rgb(192,6,189)
```
#d306d0
```
#d306d0 rgb(211,6,208)
```
#e607e3
```
#e607e3 rgb(230,7,227)
```

Shade Color Variation

#f709f4
```
#f709f4 rgb(247,9,244)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```
#f92ff6
```
#f92ff6 rgb(249,47,246)
```
#f942f7
```
#f942f7 rgb(249,66,247)
```
#fa55f8
```
#fa55f8 rgb(250,85,248)
```
#fa68f8
```
#fa68f8 rgb(250,104,248)
```
#fb7bf9
```
#fb7bf9 rgb(251,123,249)
```
#fc8efa
```
#fc8efa rgb(252,142,250)
```
#fca1fb
```
#fca1fb rgb(252,161,251)
```
#fdb4fc
```
#fdb4fc rgb(253,180,252)
```
#fdc7fd
```
#fdc7fd rgb(253,199,253)
```
#fedafd
```
#fedafd rgb(254,218,253)
```
#feedfe
```
#feedfe rgb(254,237,254)
```

Tint Color Variation

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

#8c888c
```
#8c888c rgb(140,136,140)
```
#957f95
```
#957f95 rgb(149,127,149)
```
#9e769d
```
#9e769d rgb(158,118,157)
```
#a76da6
```
#a76da6 rgb(167,109,166)
```
#b064af
```
#b064af rgb(176,100,175)
```
#b95bb8
```
#b95bb8 rgb(185,91,184)
```
#c252c0
```
#c252c0 rgb(194,82,192)
```
#cb49c9
```
#cb49c9 rgb(203,73,201)
```
#d440d2
```
#d440d2 rgb(212,64,210)
```
#dd37db
```
#dd37db rgb(221,55,219)
```
#e62ee3
```
#e62ee3 rgb(230,46,227)
```
#ef25ec
```
#ef25ec rgb(239,37,236)
```
#f81cf5
```
#f81cf5 rgb(248,28,245)
```

Tone Color Variation

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

Dichromacy

#5691ff Protanopia 1% of men
#6994df Deuteranopia 1% of men
#e86c73 Tritanopia 0.001% of the population

Trichromacy

#9166fb Protanomaly 1% of men, 0.01% of women
#9d68e7 Deuteranomaly 6% of men, 0.4% of women
#ee4fa2 Tritanomaly 0.01% of the population

#f81cf5 hex color

#f81cf5 Color Information

#f81cf5 Color Conversion

Color Schemes with #f81cf5

Alternatives to #f81cf5

#f81cf5 Preview

Shades and Tints of #f81cf5

Tones of #f81cf5

Color Blindness Simulator