#f80bf6 hex color

In a RGB color space, hex #f80bf6 is composed of 97.3% red, 4.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.6% 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 50.8%. #f80bf6 color hex could be obtained by blending #ff16ff with #f100ed. Closest websafe color is: #ff00ff.

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

● #f80bf6 color description : Vivid magenta.

The hexadecimal color #f80bf6 has RGB values of R:248, G:11, B:246 and CMYK values of C:0, M:0.96, Y:0.01, K:0.03. Its decimal value is 16255990.

Hex triplet	f80bf6	`#f80bf6`
RGB Decimal	248, 11, 246	`rgb(248,11,246)`
RGB Percent	97.3, 4.3, 96.5	`rgb(97.3%,4.3%,96.5%)`
CMYK	0, 96, 1, 3
HSL	300.5°, 94.4, 50.8	`hsl(300.5,94.4%,50.8%)`
HSV (or HSB)	300.5°, 95.6, 97.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.839, 95.246, -58.279
XYZ	55.465, 26.854, 89.446
xyY	0.323, 0.156, 26.854
CIE-LCH	58.839, 111.662, 328.539
CIE-LUV	58.839, 82.223, -103.811
Hunter-Lab	51.82, 100.367, -66.065
Binary	11111000, 00001011, 11110110

#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#0bf80d
```
#0bf80d rgb(11,248,13)
```

Complementary Color

#840bf8
```
#840bf8 rgb(132,11,248)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f80b80
```
#f80b80 rgb(248,11,128)
```

Analogous Color

#0bf884
```
#0bf884 rgb(11,248,132)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#80f80b
```
#80f80b rgb(128,248,11)
```

Split Complementary Color

#0bf6f8
```
#0bf6f8 rgb(11,246,248)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f6f80b
```
#f6f80b rgb(246,248,11)
```

Triadic Color

#0d0bf8
```
#0d0bf8 rgb(13,11,248)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f6f80b
```
#f6f80b rgb(246,248,11)
```
#0bf80d
```
#0bf80d rgb(11,248,13)
```

Tetradic Color

#b105b0
```
#b105b0 rgb(177,5,176)
```
#ca06c9
```
#ca06c9 rgb(202,6,201)
```
#e307e1
```
#e307e1 rgb(227,7,225)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f924f7
```
#f924f7 rgb(249,36,247)
```
#f93df8
```
#f93df8 rgb(249,61,248)
```
#fa55f9
```
#fa55f9 rgb(250,85,249)
```

Monochromatic Color

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

#bf0bf8
```
#bf0bf8 rgb(191,11,248)
```
#d30bf8
```
#d30bf8 rgb(211,11,248)
```
#e60bf8
```
#e60bf8 rgb(230,11,248)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f80be2
```
#f80be2 rgb(248,11,226)
```
#f80bcf
```
#f80bcf rgb(248,11,207)
```
#f80bbb
```
#f80bbb rgb(248,11,187)
```

Similar Colors

Text with hexadecimal color #f80bf6

This text has a font color of #f80bf6.

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

#f80bf6 background color

This paragraph has a background color of #f80bf6.

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

#f80bf6 border color

This element has a border color of #f80bf6.

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

CSS codes

.text {color:#f80bf6;}

.background {background-color:#f80bf6;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170117
```
#170117 rgb(23,1,23)
```
#2a012a
```
#2a012a rgb(42,1,42)
```
#3d023d
```
#3d023d rgb(61,2,61)
```
#500250
```
#500250 rgb(80,2,80)
```
#630362
```
#630362 rgb(99,3,98)
```
#760375
```
#760375 rgb(118,3,117)
```
#890488
```
#890488 rgb(137,4,136)
```
#9c049b
```
#9c049b rgb(156,4,155)
```
#b005ae
```
#b005ae rgb(176,5,174)
```
#c306c1
```
#c306c1 rgb(195,6,193)
```
#d606d4
```
#d606d4 rgb(214,6,212)
```
#e907e7
```
#e907e7 rgb(233,7,231)
```

Shade Color Variation

#f80bf6
```
#f80bf6 rgb(248,11,246)
```
#f91ef7
```
#f91ef7 rgb(249,30,247)
```
#f931f7
```
#f931f7 rgb(249,49,247)
```
#fa44f8
```
#fa44f8 rgb(250,68,248)
```
#fa57f9
```
#fa57f9 rgb(250,87,249)
```
#fb6afa
```
#fb6afa rgb(251,106,250)
```
#fb7dfa
```
#fb7dfa rgb(251,125,250)
```
#fc90fb
```
#fc90fb rgb(252,144,251)
```
#fca4fc
```
#fca4fc rgb(252,164,252)
```
#fdb7fc
```
#fdb7fc rgb(253,183,252)
```
#fdcafd
```
#fdcafd rgb(253,202,253)
```
#feddfe
```
#feddfe rgb(254,221,254)
```
#fff0fe
```
#fff0fe rgb(255,240,254)
```

Tint Color Variation

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

#847f84
```
#847f84 rgb(132,127,132)
```
#8e758e
```
#8e758e rgb(142,117,142)
```
#976c97
```
#976c97 rgb(151,108,151)
```
#a162a1
```
#a162a1 rgb(161,98,161)
```
#ab58aa
```
#ab58aa rgb(171,88,170)
```
#b44fb4
```
#b44fb4 rgb(180,79,180)
```
#be45bd
```
#be45bd rgb(190,69,189)
```
#c83bc7
```
#c83bc7 rgb(200,59,199)
```
#d132d0
```
#d132d0 rgb(209,50,208)
```
#db28da
```
#db28da rgb(219,40,218)
```
#e51ee3
```
#e51ee3 rgb(229,30,227)
```
#ee15ed
```
#ee15ed rgb(238,21,237)
```
#f80bf6
```
#f80bf6 rgb(248,11,246)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#8e5ffb Protanomaly 1% of men, 0.01% of women
#9a61e7 Deuteranomaly 6% of men, 0.4% of women
#ee47a1 Tritanomaly 0.01% of the population

#f80bf6 hex color

#f80bf6 Color Information

#f80bf6 Color Conversion

Color Schemes with #f80bf6

Alternatives to #f80bf6

#f80bf6 Preview

Shades and Tints of #f80bf6

Tones of #f80bf6

Color Blindness Simulator