#f80bbe hex color

In a RGB color space, hex #f80bbe is composed of 97.3% red, 4.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.6% magenta, 23.4% yellow and 2.7% black. It has a hue angle of 314.7 degrees, a saturation of 94.4% and a lightness of 50.8%. #f80bbe color hex could be obtained by blending #ff16ff with #f1007d. Closest websafe color is: #ff00cc.

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

● #f80bbe color description : Vivid magenta.

The hexadecimal color #f80bbe has RGB values of R:248, G:11, B:190 and CMYK values of C:0, M:0.96, Y:0.23, K:0.03. Its decimal value is 16255934.

Hex triplet	f80bbe	`#f80bbe`
RGB Decimal	248, 11, 190	`rgb(248,11,190)`
RGB Percent	97.3, 4.3, 74.5	`rgb(97.3%,4.3%,74.5%)`
CMYK	0, 96, 23, 3
HSL	314.7°, 94.4, 50.8	`hsl(314.7,94.4%,50.8%)`
HSV (or HSB)	314.7°, 95.6, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.006, 88.151, -30.966
XYZ	48.126, 23.918, 50.795
xyY	0.392, 0.195, 23.918
CIE-LCH	56.006, 93.431, 340.645
CIE-LUV	56.006, 106.559, -60.754
Hunter-Lab	48.906, 90.066, -27.345
Binary	11111000, 00001011, 10111110

#f80bbe
```
#f80bbe rgb(248,11,190)
```
#0bf845
```
#0bf845 rgb(11,248,69)
```

Complementary Color

#bc0bf8
```
#bc0bf8 rgb(188,11,248)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#f80b47
```
#f80b47 rgb(248,11,71)
```

Analogous Color

#0bf8bc
```
#0bf8bc rgb(11,248,188)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#47f80b
```
#47f80b rgb(71,248,11)
```

Split Complementary Color

#0bbef8
```
#0bbef8 rgb(11,190,248)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#bef80b
```
#bef80b rgb(190,248,11)
```

Triadic Color

#450bf8
```
#450bf8 rgb(69,11,248)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#bef80b
```
#bef80b rgb(190,248,11)
```
#0bf845
```
#0bf845 rgb(11,248,69)
```

Tetradic Color

#b10587
```
#b10587 rgb(177,5,135)
```
#ca069a
```
#ca069a rgb(202,6,154)
```
#e307ad
```
#e307ad rgb(227,7,173)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#f924c5
```
#f924c5 rgb(249,36,197)
```
#f93dcb
```
#f93dcb rgb(249,61,203)
```
#fa55d2
```
#fa55d2 rgb(250,85,210)
```

Monochromatic Color

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

#f70bf8
```
#f70bf8 rgb(247,11,248)
```
#f80be6
```
#f80be6 rgb(248,11,230)
```
#f80bd2
```
#f80bd2 rgb(248,11,210)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```
#f80baa
```
#f80baa rgb(248,11,170)
```
#f80b97
```
#f80b97 rgb(248,11,151)
```
#f80b83
```
#f80b83 rgb(248,11,131)
```

Similar Colors

Text with hexadecimal color #f80bbe

This text has a font color of #f80bbe.

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

#f80bbe background color

This paragraph has a background color of #f80bbe.

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

#f80bbe border color

This element has a border color of #f80bbe.

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

CSS codes

.text {color:#f80bbe;}

.background {background-color:#f80bbe;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170111
```
#170111 rgb(23,1,17)
```
#2a0120
```
#2a0120 rgb(42,1,32)
```
#3d022f
```
#3d022f rgb(61,2,47)
```
#50023d
```
#50023d rgb(80,2,61)
```
#63034c
```
#63034c rgb(99,3,76)
```
#76035a
```
#76035a rgb(118,3,90)
```
#890469
```
#890469 rgb(137,4,105)
```
#9c0477
```
#9c0477 rgb(156,4,119)
```
#b00586
```
#b00586 rgb(176,5,134)
```
#c30694
```
#c30694 rgb(195,6,148)
```
#d606a3
```
#d606a3 rgb(214,6,163)
```
#e907b1
```
#e907b1 rgb(233,7,177)
```

Shade Color Variation

#f80bbe
```
#f80bbe rgb(248,11,190)
```
#f91ec3
```
#f91ec3 rgb(249,30,195)
```
#f931c8
```
#f931c8 rgb(249,49,200)
```
#fa44cd
```
#fa44cd rgb(250,68,205)
```
#fa57d2
```
#fa57d2 rgb(250,87,210)
```
#fb6ad7
```
#fb6ad7 rgb(251,106,215)
```
#fb7ddc
```
#fb7ddc rgb(251,125,220)
```
#fc90e2
```
#fc90e2 rgb(252,144,226)
```
#fca4e7
```
#fca4e7 rgb(252,164,231)
```
#fdb7ec
```
#fdb7ec rgb(253,183,236)
```
#fdcaf1
```
#fdcaf1 rgb(253,202,241)
```
#feddf6
```
#feddf6 rgb(254,221,246)
```
#fff0fb
```
#fff0fb rgb(255,240,251)
```

Tint Color Variation

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

#847f83
```
#847f83 rgb(132,127,131)
```
#8e7588
```
#8e7588 rgb(142,117,136)
```
#976c8d
```
#976c8d rgb(151,108,141)
```
#a16292
```
#a16292 rgb(161,98,146)
```
#ab5897
```
#ab5897 rgb(171,88,151)
```
#b44f9b
```
#b44f9b rgb(180,79,155)
```
#be45a0
```
#be45a0 rgb(190,69,160)
```
#c83ba5
```
#c83ba5 rgb(200,59,165)
```
#d132aa
```
#d132aa rgb(209,50,170)
```
#db28af
```
#db28af rgb(219,40,175)
```
#e51eb4
```
#e51eb4 rgb(229,30,180)
```
#ee15b9
```
#ee15b9 rgb(238,21,185)
```
#f80bbe
```
#f80bbe rgb(248,11,190)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#835478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e88ff Protanopia 1% of men
#868aae Deuteranopia 1% of men
#ef5458 Tritanopia 0.001% of the population

Trichromacy

#815ae7 Protanomaly 1% of men, 0.01% of women
#af5bb4 Deuteranomaly 6% of men, 0.4% of women
#f2397d Tritanomaly 0.01% of the population

#f80bbe hex color

#f80bbe Color Information

#f80bbe Color Conversion

Color Schemes with #f80bbe

Alternatives to #f80bbe

#f80bbe Preview

Shades and Tints of #f80bbe

Tones of #f80bbe

Color Blindness Simulator