#f80cf6 hex color

In a RGB color space, hex #f80cf6 is composed of 97.3% red, 4.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.2% magenta, 0.8% yellow and 2.7% black. It has a hue angle of 300.5 degrees, a saturation of 94.4% and a lightness of 51%. #f80cf6 color hex could be obtained by blending #ff18ff with #f100ed. 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

● #f80cf6 color description : Vivid magenta.

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

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

CIE-LAB	58.86, 95.182, -58.244
XYZ	55.476, 26.877, 89.45
xyY	0.323, 0.156, 26.877
CIE-LCH	58.86, 111.588, 328.536
CIE-LUV	58.86, 82.182, -103.758
Hunter-Lab	51.843, 100.284, -66.008
Binary	11111000, 00001100, 11110110

#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#0cf80e
```
#0cf80e rgb(12,248,14)
```

Complementary Color

#840cf8
```
#840cf8 rgb(132,12,248)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f80c80
```
#f80c80 rgb(248,12,128)
```

Analogous Color

#0cf884
```
#0cf884 rgb(12,248,132)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#80f80c
```
#80f80c rgb(128,248,12)
```

Split Complementary Color

#0cf6f8
```
#0cf6f8 rgb(12,246,248)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f6f80c
```
#f6f80c rgb(246,248,12)
```

Triadic Color

#0e0cf8
```
#0e0cf8 rgb(14,12,248)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f6f80c
```
#f6f80c rgb(246,248,12)
```
#0cf80e
```
#0cf80e rgb(12,248,14)
```

Tetradic Color

#b205b1
```
#b205b1 rgb(178,5,177)
```
#cb06c9
```
#cb06c9 rgb(203,6,201)
```
#e407e2
```
#e407e2 rgb(228,7,226)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f925f7
```
#f925f7 rgb(249,37,247)
```
#f93ef8
```
#f93ef8 rgb(249,62,248)
```
#fa56f9
```
#fa56f9 rgb(250,86,249)
```

Monochromatic Color

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

#bf0cf8
```
#bf0cf8 rgb(191,12,248)
```
#d30cf8
```
#d30cf8 rgb(211,12,248)
```
#e60cf8
```
#e60cf8 rgb(230,12,248)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f80ce2
```
#f80ce2 rgb(248,12,226)
```
#f80ccf
```
#f80ccf rgb(248,12,207)
```
#f80cbb
```
#f80cbb rgb(248,12,187)
```

Similar Colors

Text with hexadecimal color #f80cf6

This text has a font color of #f80cf6.

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

#f80cf6 background color

This paragraph has a background color of #f80cf6.

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

#f80cf6 border color

This element has a border color of #f80cf6.

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

CSS codes

.text {color:#f80cf6;}

.background {background-color:#f80cf6;}

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

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)
```
#2b012b
```
#2b012b rgb(43,1,43)
```
#3e023e
```
#3e023e rgb(62,2,62)
```
#510250
```
#510250 rgb(81,2,80)
```
#640363
```
#640363 rgb(100,3,99)
```
#770376
```
#770376 rgb(119,3,118)
```
#8a0489
```
#8a0489 rgb(138,4,137)
```
#9d059c
```
#9d059c rgb(157,5,156)
```
#b005af
```
#b005af rgb(176,5,175)
```
#c406c2
```
#c406c2 rgb(196,6,194)
```
#d706d5
```
#d706d5 rgb(215,6,213)
```
#ea07e8
```
#ea07e8 rgb(234,7,232)
```

Shade Color Variation

#f80cf6
```
#f80cf6 rgb(248,12,246)
```
#f91ff7
```
#f91ff7 rgb(249,31,247)
```
#f932f7
```
#f932f7 rgb(249,50,247)
```
#fa45f8
```
#fa45f8 rgb(250,69,248)
```
#fa58f9
```
#fa58f9 rgb(250,88,249)
```
#fb6bfa
```
#fb6bfa rgb(251,107,250)
```
#fb7efa
```
#fb7efa rgb(251,126,250)
```
#fc91fb
```
#fc91fb rgb(252,145,251)
```
#fca5fc
```
#fca5fc rgb(252,165,252)
```
#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 #f80cf6 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)
```
#b54fb4
```
#b54fb4 rgb(181,79,180)
```
#be46bd
```
#be46bd rgb(190,70,189)
```
#c83cc7
```
#c83cc7 rgb(200,60,199)
```
#d232d0
```
#d232d0 rgb(210,50,208)
```
#db29da
```
#db29da rgb(219,41,218)
```
#e51fe3
```
#e51fe3 rgb(229,31,227)
```
#ee16ed
```
#ee16ed rgb(238,22,237)
```
#f80cf6
```
#f80cf6 rgb(248,12,246)
```

Tone Color Variation

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

#5390ff Protanopia 1% of men
#6593df Deuteranopia 1% of men
#e86a70 Tritanopia 0.001% of the population

Trichromacy

#8f60fb Protanomaly 1% of men, 0.01% of women
#9a62e7 Deuteranomaly 6% of men, 0.4% of women
#ee48a1 Tritanomaly 0.01% of the population

#f80cf6 hex color

#f80cf6 Color Information

#f80cf6 Color Conversion

Color Schemes with #f80cf6

Alternatives to #f80cf6

#f80cf6 Preview

Shades and Tints of #f80cf6

Tones of #f80cf6

Color Blindness Simulator