#f80bec hex color

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

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

● #f80bec color description : Vivid magenta.

The hexadecimal color #f80bec has RGB values of R:248, G:11, B:236 and CMYK values of C:0, M:0.96, Y:0.05, K:0.03. Its decimal value is 16255980.

Hex triplet	f80bec	`#f80bec`
RGB Decimal	248, 11, 236	`rgb(248,11,236)`
RGB Percent	97.3, 4.3, 92.5	`rgb(97.3%,4.3%,92.5%)`
CMYK	0, 96, 5, 3
HSL	303°, 94.4, 50.8	`hsl(303,94.4%,50.8%)`
HSV (or HSB)	303°, 95.6, 97.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.279, 93.872, -53.582
XYZ	53.971, 26.256, 81.578
xyY	0.334, 0.162, 26.256
CIE-LCH	58.279, 108.087, 330.282
CIE-LUV	58.279, 86.282, -96.314
Hunter-Lab	51.241, 98.339, -58.524
Binary	11111000, 00001011, 11101100

#f80bec
```
#f80bec rgb(248,11,236)
```
#0bf817
```
#0bf817 rgb(11,248,23)
```

Complementary Color

#8e0bf8
```
#8e0bf8 rgb(142,11,248)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#f80b76
```
#f80b76 rgb(248,11,118)
```

Analogous Color

#0bf88e
```
#0bf88e rgb(11,248,142)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#76f80b
```
#76f80b rgb(118,248,11)
```

Split Complementary Color

#0becf8
```
#0becf8 rgb(11,236,248)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#ecf80b
```
#ecf80b rgb(236,248,11)
```

Triadic Color

#170bf8
```
#170bf8 rgb(23,11,248)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#ecf80b
```
#ecf80b rgb(236,248,11)
```
#0bf817
```
#0bf817 rgb(11,248,23)
```

Tetradic Color

#b105a9
```
#b105a9 rgb(177,5,169)
```
#ca06c0
```
#ca06c0 rgb(202,6,192)
```
#e307d8
```
#e307d8 rgb(227,7,216)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#f924ee
```
#f924ee rgb(249,36,238)
```
#f93df0
```
#f93df0 rgb(249,61,240)
```
#fa55f2
```
#fa55f2 rgb(250,85,242)
```

Monochromatic Color

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

#c90bf8
```
#c90bf8 rgb(201,11,248)
```
#dd0bf8
```
#dd0bf8 rgb(221,11,248)
```
#f00bf8
```
#f00bf8 rgb(240,11,248)
```
#f80bec
```
#f80bec rgb(248,11,236)
```
#f80bd8
```
#f80bd8 rgb(248,11,216)
```
#f80bc5
```
#f80bc5 rgb(248,11,197)
```
#f80bb1
```
#f80bb1 rgb(248,11,177)
```

Similar Colors

Text with hexadecimal color #f80bec

This text has a font color of #f80bec.

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

#f80bec background color

This paragraph has a background color of #f80bec.

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

#f80bec border color

This element has a border color of #f80bec.

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

CSS codes

.text {color:#f80bec;}

.background {background-color:#f80bec;}

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

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)
```
#170116
```
#170116 rgb(23,1,22)
```
#2a0128
```
#2a0128 rgb(42,1,40)
```
#3d023a
```
#3d023a rgb(61,2,58)
```
#50024c
```
#50024c rgb(80,2,76)
```
#63035e
```
#63035e rgb(99,3,94)
```
#760370
```
#760370 rgb(118,3,112)
```
#890483
```
#890483 rgb(137,4,131)
```
#9c0495
```
#9c0495 rgb(156,4,149)
```
#b005a7
```
#b005a7 rgb(176,5,167)
```
#c306b9
```
#c306b9 rgb(195,6,185)
```
#d606cb
```
#d606cb rgb(214,6,203)
```
#e907dd
```
#e907dd rgb(233,7,221)
```

Shade Color Variation

#f80bec
```
#f80bec rgb(248,11,236)
```
#f91eed
```
#f91eed rgb(249,30,237)
```
#f931ef
```
#f931ef rgb(249,49,239)
```
#fa44f0
```
#fa44f0 rgb(250,68,240)
```
#fa57f2
```
#fa57f2 rgb(250,87,242)
```
#fb6af3
```
#fb6af3 rgb(251,106,243)
```
#fb7df5
```
#fb7df5 rgb(251,125,245)
```
#fc90f6
```
#fc90f6 rgb(252,144,246)
```
#fca4f8
```
#fca4f8 rgb(252,164,248)
```
#fdb7f9
```
#fdb7f9 rgb(253,183,249)
```
#fdcafb
```
#fdcafb rgb(253,202,251)
```
#feddfc
```
#feddfc rgb(254,221,252)
```
#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 #f80bec is the most saturated one.

#847f84
```
#847f84 rgb(132,127,132)
```
#8e758d
```
#8e758d rgb(142,117,141)
```
#976c95
```
#976c95 rgb(151,108,149)
```
#a1629e
```
#a1629e rgb(161,98,158)
```
#ab58a7
```
#ab58a7 rgb(171,88,167)
```
#b44faf
```
#b44faf rgb(180,79,175)
```
#be45b8
```
#be45b8 rgb(190,69,184)
```
#c83bc1
```
#c83bc1 rgb(200,59,193)
```
#d132c9
```
#d132c9 rgb(209,50,201)
```
#db28d2
```
#db28d2 rgb(219,40,210)
```
#e51edb
```
#e51edb rgb(229,30,219)
```
#ee15e3
```
#ee15e3 rgb(238,21,227)
```
#f80bec
```
#f80bec rgb(248,11,236)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#885986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#6d91d6 Deuteranopia 1% of men
#ea666c Tritanopia 0.001% of the population

Trichromacy

#8c5ef8 Protanomaly 1% of men, 0.01% of women
#9f60de Deuteranomaly 6% of men, 0.4% of women
#ef459a Tritanomaly 0.01% of the population

#f80bec hex color

#f80bec Color Information

#f80bec Color Conversion

Color Schemes with #f80bec

Alternatives to #f80bec

#f80bec Preview

Shades and Tints of #f80bec

Tones of #f80bec

Color Blindness Simulator