#f80bba hex color

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

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

● #f80bba color description : Vivid pink.

The hexadecimal color #f80bba has RGB values of R:248, G:11, B:186 and CMYK values of C:0, M:0.96, Y:0.25, K:0.03. Its decimal value is 16255930.

Hex triplet	f80bba	`#f80bba`
RGB Decimal	248, 11, 186	`rgb(248,11,186)`
RGB Percent	97.3, 4.3, 72.9	`rgb(97.3%,4.3%,72.9%)`
CMYK	0, 96, 25, 3
HSL	315.7°, 94.4, 50.8	`hsl(315.7,94.4%,50.8%)`
HSV (or HSB)	315.7°, 95.6, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.832, 87.705, -28.918
XYZ	47.694, 23.746, 48.523
xyY	0.398, 0.198, 23.746
CIE-LCH	55.832, 92.349, 341.752
CIE-LUV	55.832, 108.421, -57.617
Hunter-Lab	48.729, 89.433, -24.929
Binary	11111000, 00001011, 10111010

#f80bba
```
#f80bba rgb(248,11,186)
```
#0bf849
```
#0bf849 rgb(11,248,73)
```

Complementary Color

#c00bf8
```
#c00bf8 rgb(192,11,248)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#f80b44
```
#f80b44 rgb(248,11,68)
```

Analogous Color

#0bf8c0
```
#0bf8c0 rgb(11,248,192)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#44f80b
```
#44f80b rgb(68,248,11)
```

Split Complementary Color

#0bbaf8
```
#0bbaf8 rgb(11,186,248)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#baf80b
```
#baf80b rgb(186,248,11)
```

Triadic Color

#490bf8
```
#490bf8 rgb(73,11,248)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#baf80b
```
#baf80b rgb(186,248,11)
```
#0bf849
```
#0bf849 rgb(11,248,73)
```

Tetradic Color

#b10584
```
#b10584 rgb(177,5,132)
```
#ca0697
```
#ca0697 rgb(202,6,151)
```
#e307a9
```
#e307a9 rgb(227,7,169)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#f924c1
```
#f924c1 rgb(249,36,193)
```
#f93dc8
```
#f93dc8 rgb(249,61,200)
```
#fa55cf
```
#fa55cf rgb(250,85,207)
```

Monochromatic Color

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

#f80bf5
```
#f80bf5 rgb(248,11,245)
```
#f80be2
```
#f80be2 rgb(248,11,226)
```
#f80bce
```
#f80bce rgb(248,11,206)
```
#f80bba
```
#f80bba rgb(248,11,186)
```
#f80ba6
```
#f80ba6 rgb(248,11,166)
```
#f80b93
```
#f80b93 rgb(248,11,147)
```
#f80b7f
```
#f80b7f rgb(248,11,127)
```

Similar Colors

Text with hexadecimal color #f80bba

This text has a font color of #f80bba.

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

#f80bba background color

This paragraph has a background color of #f80bba.

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

#f80bba border color

This element has a border color of #f80bba.

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

CSS codes

.text {color:#f80bba;}

.background {background-color:#f80bba;}

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

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)
```
#2a011f
```
#2a011f rgb(42,1,31)
```
#3d022e
```
#3d022e rgb(61,2,46)
```
#50023c
```
#50023c rgb(80,2,60)
```
#63034a
```
#63034a rgb(99,3,74)
```
#760358
```
#760358 rgb(118,3,88)
```
#890466
```
#890466 rgb(137,4,102)
```
#9c0475
```
#9c0475 rgb(156,4,117)
```
#b00583
```
#b00583 rgb(176,5,131)
```
#c30691
```
#c30691 rgb(195,6,145)
```
#d6069f
```
#d6069f rgb(214,6,159)
```
#e907ae
```
#e907ae rgb(233,7,174)
```

Shade Color Variation

#f80bba
```
#f80bba rgb(248,11,186)
```
#f91ebf
```
#f91ebf rgb(249,30,191)
```
#f931c5
```
#f931c5 rgb(249,49,197)
```
#fa44ca
```
#fa44ca rgb(250,68,202)
```
#fa57d0
```
#fa57d0 rgb(250,87,208)
```
#fb6ad5
```
#fb6ad5 rgb(251,106,213)
```
#fb7dda
```
#fb7dda rgb(251,125,218)
```
#fc90e0
```
#fc90e0 rgb(252,144,224)
```
#fca4e5
```
#fca4e5 rgb(252,164,229)
```
#fdb7eb
```
#fdb7eb rgb(253,183,235)
```
#fdcaf0
```
#fdcaf0 rgb(253,202,240)
```
#feddf5
```
#feddf5 rgb(254,221,245)
```
#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 #f80bba is the most saturated one.

#847f83
```
#847f83 rgb(132,127,131)
```
#8e7587
```
#8e7587 rgb(142,117,135)
```
#976c8c
```
#976c8c rgb(151,108,140)
```
#a16291
```
#a16291 rgb(161,98,145)
```
#ab5895
```
#ab5895 rgb(171,88,149)
```
#b44f9a
```
#b44f9a rgb(180,79,154)
```
#be459e
```
#be459e rgb(190,69,158)
```
#c83ba3
```
#c83ba3 rgb(200,59,163)
```
#d132a8
```
#d132a8 rgb(209,50,168)
```
#db28ac
```
#db28ac rgb(219,40,172)
```
#e51eb1
```
#e51eb1 rgb(229,30,177)
```
#ee15b5
```
#ee15b5 rgb(238,21,181)
```
#f80bba
```
#f80bba rgb(248,11,186)
```

Tone Color Variation

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

Dichromacy

#4588fa Protanopia 1% of men
#8889ab Deuteranopia 1% of men
#f05256 Tritanopia 0.001% of the population

Trichromacy

#865ae2 Protanomaly 1% of men, 0.01% of women
#b05bb0 Deuteranomaly 6% of men, 0.4% of women
#f2387a Tritanomaly 0.01% of the population

#f80bba hex color

#f80bba Color Information

#f80bba Color Conversion

Color Schemes with #f80bba

Alternatives to #f80bba

#f80bba Preview

Shades and Tints of #f80bba

Tones of #f80bba

Color Blindness Simulator