#f80cf5 hex color

In a RGB color space, hex #f80cf5 is composed of 97.3% red, 4.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.2% magenta, 1.2% yellow and 2.7% black. It has a hue angle of 300.8 degrees, a saturation of 94.4% and a lightness of 51%. #f80cf5 color hex could be obtained by blending #ff18ff with #f100eb. Closest websafe color is: #ff00ff.

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

● #f80cf5 color description : Vivid magenta.

The hexadecimal color #f80cf5 has RGB values of R:248, G:12, B:245 and CMYK values of C:0, M:0.95, Y:0.01, K:0.03. Its decimal value is 16256245.

Hex triplet	f80cf5	`#f80cf5`
RGB Decimal	248, 12, 245	`rgb(248,12,245)`
RGB Percent	97.3, 4.7, 96.1	`rgb(97.3%,4.7%,96.1%)`
CMYK	0, 95, 1, 3
HSL	300.8°, 94.4, 51	`hsl(300.8,94.4%,51%)`
HSV (or HSB)	300.8°, 95.2, 97.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.804, 95.042, -57.778
XYZ	55.323, 26.816, 88.643
xyY	0.324, 0.157, 26.816
CIE-LCH	58.804, 111.226, 328.704
CIE-LUV	58.804, 82.582, -103.013
Hunter-Lab	51.784, 100.077, -65.243
Binary	11111000, 00001100, 11110101

#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#0cf80f
```
#0cf80f rgb(12,248,15)
```

Complementary Color

#850cf8
```
#850cf8 rgb(133,12,248)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f80c7f
```
#f80c7f rgb(248,12,127)
```

Analogous Color

#0cf885
```
#0cf885 rgb(12,248,133)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#7ff80c
```
#7ff80c rgb(127,248,12)
```

Split Complementary Color

#0cf5f8
```
#0cf5f8 rgb(12,245,248)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f5f80c
```
#f5f80c rgb(245,248,12)
```

Triadic Color

#0f0cf8
```
#0f0cf8 rgb(15,12,248)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f5f80c
```
#f5f80c rgb(245,248,12)
```
#0cf80f
```
#0cf80f rgb(12,248,15)
```

Tetradic Color

#b205b0
```
#b205b0 rgb(178,5,176)
```
#cb06c9
```
#cb06c9 rgb(203,6,201)
```
#e407e1
```
#e407e1 rgb(228,7,225)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f925f6
```
#f925f6 rgb(249,37,246)
```
#f93ef7
```
#f93ef7 rgb(249,62,247)
```
#fa56f8
```
#fa56f8 rgb(250,86,248)
```

Monochromatic Color

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

#c00cf8
```
#c00cf8 rgb(192,12,248)
```
#d40cf8
```
#d40cf8 rgb(212,12,248)
```
#e70cf8
```
#e70cf8 rgb(231,12,248)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f80ce1
```
#f80ce1 rgb(248,12,225)
```
#f80cce
```
#f80cce rgb(248,12,206)
```
#f80cba
```
#f80cba rgb(248,12,186)
```

Similar Colors

Text with hexadecimal color #f80cf5

This text has a font color of #f80cf5.

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

#f80cf5 background color

This paragraph has a background color of #f80cf5.

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

#f80cf5 border color

This element has a border color of #f80cf5.

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

CSS codes

.text {color:#f80cf5;}

.background {background-color:#f80cf5;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#180118
```
#180118 rgb(24,1,24)
```
#2b012a
```
#2b012a rgb(43,1,42)
```
#3e023d
```
#3e023d rgb(62,2,61)
```
#510250
```
#510250 rgb(81,2,80)
```
#640363
```
#640363 rgb(100,3,99)
```
#770376
```
#770376 rgb(119,3,118)
```
#8a0489
```
#8a0489 rgb(138,4,137)
```
#9d059b
```
#9d059b rgb(157,5,155)
```
#b005ae
```
#b005ae rgb(176,5,174)
```
#c406c1
```
#c406c1 rgb(196,6,193)
```
#d706d4
```
#d706d4 rgb(215,6,212)
```
#ea07e7
```
#ea07e7 rgb(234,7,231)
```

Shade Color Variation

#f80cf5
```
#f80cf5 rgb(248,12,245)
```
#f91ff6
```
#f91ff6 rgb(249,31,246)
```
#f932f7
```
#f932f7 rgb(249,50,247)
```
#fa45f7
```
#fa45f7 rgb(250,69,247)
```
#fa58f8
```
#fa58f8 rgb(250,88,248)
```
#fb6bf9
```
#fb6bf9 rgb(251,107,249)
```
#fb7efa
```
#fb7efa rgb(251,126,250)
```
#fc91fa
```
#fc91fa rgb(252,145,250)
```
#fca5fb
```
#fca5fb rgb(252,165,251)
```
#fdb8fc
```
#fdb8fc rgb(253,184,252)
```
#fdcbfd
```
#fdcbfd rgb(253,203,253)
```
#fedefe
```
#fedefe rgb(254,222,254)
```
#fff1fe
```
#fff1fe rgb(255,241,254)
```

Tint Color Variation

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

#857f85
```
#857f85 rgb(133,127,133)
```
#8e768e
```
#8e768e rgb(142,118,142)
```
#986c97
```
#986c97 rgb(152,108,151)
```
#a163a1
```
#a163a1 rgb(161,99,161)
```
#ab59aa
```
#ab59aa rgb(171,89,170)
```
#b54fb3
```
#b54fb3 rgb(181,79,179)
```
#be46bd
```
#be46bd rgb(190,70,189)
```
#c83cc6
```
#c83cc6 rgb(200,60,198)
```
#d232d0
```
#d232d0 rgb(210,50,208)
```
#db29d9
```
#db29d9 rgb(219,41,217)
```
#e51fe2
```
#e51fe2 rgb(229,31,226)
```
#ee16ec
```
#ee16ec rgb(238,22,236)
```
#f80cf5
```
#f80cf5 rgb(248,12,245)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#895a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5290ff Protanopia 1% of men
#6693de Deuteranopia 1% of men
#e86a70 Tritanopia 0.001% of the population

Trichromacy

#8e60fb Protanomaly 1% of men, 0.01% of women
#9b62e6 Deuteranomaly 6% of men, 0.4% of women
#ee47a0 Tritanomaly 0.01% of the population

#f80cf5 hex color

#f80cf5 Color Information

#f80cf5 Color Conversion

Color Schemes with #f80cf5

Alternatives to #f80cf5

#f80cf5 Preview

Shades and Tints of #f80cf5

Tones of #f80cf5

Color Blindness Simulator