#f804bc hex color

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

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

● #f804bc color description : Vivid magenta.

The hexadecimal color #f804bc has RGB values of R:248, G:4, B:188 and CMYK values of C:0, M:0.98, Y:0.24, K:0.03. Its decimal value is 16254140.

Hex triplet	f804bc	`#f804bc`
RGB Decimal	248, 4, 188	`rgb(248,4,188)`
RGB Percent	97.3, 1.6, 73.7	`rgb(97.3%,1.6%,73.7%)`
CMYK	0, 98, 24, 3
HSL	314.8°, 96.8, 49.4	`hsl(314.8,96.8%,49.4%)`
HSV (or HSB)	314.8°, 98.4, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.765, 88.378, -30.182
XYZ	47.832, 23.679, 49.626
xyY	0.395, 0.195, 23.679
CIE-LCH	55.765, 93.39, 341.144
CIE-LUV	55.765, 107.901, -59.586
Hunter-Lab	48.661, 90.305, -26.403
Binary	11111000, 00000100, 10111100

#f804bc
```
#f804bc rgb(248,4,188)
```
#04f840
```
#04f840 rgb(4,248,64)
```

Complementary Color

#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#f80442
```
#f80442 rgb(248,4,66)
```

Analogous Color

#04f8ba
```
#04f8ba rgb(4,248,186)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#42f804
```
#42f804 rgb(66,248,4)
```

Split Complementary Color

#04bcf8
```
#04bcf8 rgb(4,188,248)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#bcf804
```
#bcf804 rgb(188,248,4)
```

Triadic Color

#4004f8
```
#4004f8 rgb(64,4,248)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#bcf804
```
#bcf804 rgb(188,248,4)
```
#04f840
```
#04f840 rgb(4,248,64)
```

Tetradic Color

#ad0383
```
#ad0383 rgb(173,3,131)
```
#c60396
```
#c60396 rgb(198,3,150)
```
#df04a9
```
#df04a9 rgb(223,4,169)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#fb1ac4
```
#fb1ac4 rgb(251,26,196)
```
#fc33ca
```
#fc33ca rgb(252,51,202)
```
#fc4cd1
```
#fc4cd1 rgb(252,76,209)
```

Monochromatic Color

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

#f704f8
```
#f704f8 rgb(247,4,248)
```
#f804e5
```
#f804e5 rgb(248,4,229)
```
#f804d0
```
#f804d0 rgb(248,4,208)
```
#f804bc
```
#f804bc rgb(248,4,188)
```
#f804a8
```
#f804a8 rgb(248,4,168)
```
#f80493
```
#f80493 rgb(248,4,147)
```
#f8047f
```
#f8047f rgb(248,4,127)
```

Similar Colors

Text with hexadecimal color #f804bc

This text has a font color of #f804bc.

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

#f804bc background color

This paragraph has a background color of #f804bc.

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

#f804bc border color

This element has a border color of #f804bc.

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

CSS codes

.text {color:#f804bc;}

.background {background-color:#f804bc;}

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

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

#10000c
```
#10000c rgb(16,0,12)
```
#24011b
```
#24011b rgb(36,1,27)
```
#37012a
```
#37012a rgb(55,1,42)
```
#4a0138
```
#4a0138 rgb(74,1,56)
```
#5e0247
```
#5e0247 rgb(94,2,71)
```
#710256
```
#710256 rgb(113,2,86)
```
#840264
```
#840264 rgb(132,2,100)
```
#970273
```
#970273 rgb(151,2,115)
```
#ab0381
```
#ab0381 rgb(171,3,129)
```
#be0390
```
#be0390 rgb(190,3,144)
```
#d1039f
```
#d1039f rgb(209,3,159)
```
#e504ad
```
#e504ad rgb(229,4,173)
```
#f804bc
```
#f804bc rgb(248,4,188)
```

Shade Color Variation

#fb14c2
```
#fb14c2 rgb(251,20,194)
```
#fc28c7
```
#fc28c7 rgb(252,40,199)
```
#fc3bcc
```
#fc3bcc rgb(252,59,204)
```
#fc4ed1
```
#fc4ed1 rgb(252,78,209)
```
#fc62d6
```
#fc62d6 rgb(252,98,214)
```
#fd75db
```
#fd75db rgb(253,117,219)
```
#fd88e0
```
#fd88e0 rgb(253,136,224)
```
#fd9ce5
```
#fd9ce5 rgb(253,156,229)
```
#feafea
```
#feafea rgb(254,175,234)
```
#fec2ef
```
#fec2ef rgb(254,194,239)
```
#fed5f4
```
#fed5f4 rgb(254,213,244)
```
#ffe9f9
```
#ffe9f9 rgb(255,233,249)
```
#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 #f804bc is the most saturated one.

#847881
```
#847881 rgb(132,120,129)
```
#8d6f86
```
#8d6f86 rgb(141,111,134)
```
#97658b
```
#97658b rgb(151,101,139)
```
#a15b90
```
#a15b90 rgb(161,91,144)
```
#aa5295
```
#aa5295 rgb(170,82,149)
```
#b4489a
```
#b4489a rgb(180,72,154)
```
#be3e9e
```
#be3e9e rgb(190,62,158)
```
#c834a3
```
#c834a3 rgb(200,52,163)
```
#d12ba8
```
#d12ba8 rgb(209,43,168)
```
#db21ad
```
#db21ad rgb(219,33,173)
```
#e517b2
```
#e517b2 rgb(229,23,178)
```
#ee0eb7
```
#ee0eb7 rgb(238,14,183)
```
#f804bc
```
#f804bc rgb(248,4,188)
```

Tone Color Variation

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

Dichromacy

#3e88fd Protanopia 1% of men
#8689ad Deuteranopia 1% of men
#ef5256 Tritanopia 0.001% of the population

Trichromacy

#8258e5 Protanomaly 1% of men, 0.01% of women
#af58b2 Deuteranomaly 6% of men, 0.4% of women
#f2367b Tritanomaly 0.01% of the population

#f804bc hex color

#f804bc Color Information

#f804bc Color Conversion

Color Schemes with #f804bc

Alternatives to #f804bc

#f804bc Preview

Shades and Tints of #f804bc

Tones of #f804bc

Color Blindness Simulator