#f804bf hex color

In a RGB color space, hex #f804bf is composed of 97.3% red, 1.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 23% yellow and 2.7% black. It has a hue angle of 314 degrees, a saturation of 96.8% and a lightness of 49.4%. #f804bf color hex could be obtained by blending #ff08ff with #f1007f. Closest websafe color is: #ff00cc.

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

● #f804bf color description : Vivid magenta.

The hexadecimal color #f804bf has RGB values of R:248, G:4, B:191 and CMYK values of C:0, M:0.98, Y:0.23, K:0.03. Its decimal value is 16254143.

Hex triplet	f804bf	`#f804bf`
RGB Decimal	248, 4, 191	`rgb(248,4,191)`
RGB Percent	97.3, 1.6, 74.9	`rgb(97.3%,1.6%,74.9%)`
CMYK	0, 98, 23, 3
HSL	314°, 96.8, 49.4	`hsl(314,96.8%,49.4%)`
HSV (or HSB)	314°, 98.4, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.896, 88.713, -31.714
XYZ	48.159, 23.809, 51.347
xyY	0.391, 0.193, 23.809
CIE-LCH	55.896, 94.212, 340.329
CIE-LUV	55.896, 106.498, -61.936
Hunter-Lab	48.795, 90.784, -28.235
Binary	11111000, 00000100, 10111111

#f804bf
```
#f804bf rgb(248,4,191)
```
#04f83d
```
#04f83d rgb(4,248,61)
```

Complementary Color

#b704f8
```
#b704f8 rgb(183,4,248)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#f80445
```
#f80445 rgb(248,4,69)
```

Analogous Color

#04f8b7
```
#04f8b7 rgb(4,248,183)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#45f804
```
#45f804 rgb(69,248,4)
```

Split Complementary Color

#04bff8
```
#04bff8 rgb(4,191,248)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#bff804
```
#bff804 rgb(191,248,4)
```

Triadic Color

#3d04f8
```
#3d04f8 rgb(61,4,248)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#bff804
```
#bff804 rgb(191,248,4)
```
#04f83d
```
#04f83d rgb(4,248,61)
```

Tetradic Color

#ad0385
```
#ad0385 rgb(173,3,133)
```
#c60398
```
#c60398 rgb(198,3,152)
```
#df04ac
```
#df04ac rgb(223,4,172)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#fb1ac7
```
#fb1ac7 rgb(251,26,199)
```
#fc33cd
```
#fc33cd rgb(252,51,205)
```
#fc4cd3
```
#fc4cd3 rgb(252,76,211)
```

Monochromatic Color

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

#f404f8
```
#f404f8 rgb(244,4,248)
```
#f804e8
```
#f804e8 rgb(248,4,232)
```
#f804d3
```
#f804d3 rgb(248,4,211)
```
#f804bf
```
#f804bf rgb(248,4,191)
```
#f804ab
```
#f804ab rgb(248,4,171)
```
#f80496
```
#f80496 rgb(248,4,150)
```
#f80482
```
#f80482 rgb(248,4,130)
```

Similar Colors

Text with hexadecimal color #f804bf

This text has a font color of #f804bf.

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

#f804bf background color

This paragraph has a background color of #f804bf.

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

#f804bf border color

This element has a border color of #f804bf.

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

CSS codes

.text {color:#f804bf;}

.background {background-color:#f804bf;}

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

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, #10000d is the darkest color, while #fffcfe is the lightest one.

#10000d
```
#10000d rgb(16,0,13)
```
#24011b
```
#24011b rgb(36,1,27)
```
#37012a
```
#37012a rgb(55,1,42)
```
#4a0139
```
#4a0139 rgb(74,1,57)
```
#5e0248
```
#5e0248 rgb(94,2,72)
```
#710257
```
#710257 rgb(113,2,87)
```
#840266
```
#840266 rgb(132,2,102)
```
#970275
```
#970275 rgb(151,2,117)
```
#ab0384
```
#ab0384 rgb(171,3,132)
```
#be0392
```
#be0392 rgb(190,3,146)
```
#d103a1
```
#d103a1 rgb(209,3,161)
```
#e504b0
```
#e504b0 rgb(229,4,176)
```
#f804bf
```
#f804bf rgb(248,4,191)
```

Shade Color Variation

#fb14c5
```
#fb14c5 rgb(251,20,197)
```
#fc28ca
```
#fc28ca rgb(252,40,202)
```
#fc3bcf
```
#fc3bcf rgb(252,59,207)
```
#fc4ed4
```
#fc4ed4 rgb(252,78,212)
```
#fc62d8
```
#fc62d8 rgb(252,98,216)
```
#fd75dd
```
#fd75dd rgb(253,117,221)
```
#fd88e2
```
#fd88e2 rgb(253,136,226)
```
#fd9ce7
```
#fd9ce7 rgb(253,156,231)
```
#feafeb
```
#feafeb rgb(254,175,235)
```
#fec2f0
```
#fec2f0 rgb(254,194,240)
```
#fed5f5
```
#fed5f5 rgb(254,213,245)
```
#ffe9fa
```
#ffe9fa rgb(255,233,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#847881
```
#847881 rgb(132,120,129)
```
#8d6f86
```
#8d6f86 rgb(141,111,134)
```
#97658b
```
#97658b rgb(151,101,139)
```
#a15b91
```
#a15b91 rgb(161,91,145)
```
#aa5296
```
#aa5296 rgb(170,82,150)
```
#b4489b
```
#b4489b rgb(180,72,155)
```
#be3ea0
```
#be3ea0 rgb(190,62,160)
```
#c834a5
```
#c834a5 rgb(200,52,165)
```
#d12baa
```
#d12baa rgb(209,43,170)
```
#db21b0
```
#db21b0 rgb(219,33,176)
```
#e517b5
```
#e517b5 rgb(229,23,181)
```
#ee0eba
```
#ee0eba rgb(238,14,186)
```
#f804bf
```
#f804bf rgb(248,4,191)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#804f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#8589af Deuteranopia 1% of men
#ef5357 Tritanopia 0.001% of the population

Trichromacy

#8058e7 Protanomaly 1% of men, 0.01% of women
#af59b5 Deuteranomaly 6% of men, 0.4% of women
#f2367d Tritanomaly 0.01% of the population

#f804bf hex color

#f804bf Color Information

#f804bf Color Conversion

Color Schemes with #f804bf

Alternatives to #f804bf

#f804bf Preview

Shades and Tints of #f804bf

Tones of #f804bf

Color Blindness Simulator