#f00bcc hex color

In a RGB color space, hex #f00bcc is composed of 94.1% red, 4.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.4% magenta, 15% yellow and 5.9% black. It has a hue angle of 309.4 degrees, a saturation of 91.2% and a lightness of 49.2%. #f00bcc color hex could be obtained by blending #ff16ff with #e10099. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 94
- G 4
- B 80
RGB color chart
- C 0
- M 95
- Y 15
- K 6
CMYK color chart

● #f00bcc color description : Vivid magenta.

The hexadecimal color #f00bcc has RGB values of R:240, G:11, B:204 and CMYK values of C:0, M:0.95, Y:0.15, K:0.06. Its decimal value is 15731660.

Hex triplet	f00bcc	`#f00bcc`
RGB Decimal	240, 11, 204	`rgb(240,11,204)`
RGB Percent	94.1, 4.3, 80	`rgb(94.1%,4.3%,80%)`
CMYK	0, 95, 15, 6
HSL	309.4°, 91.2, 49.2	`hsl(309.4,91.2%,49.2%)`
HSV (or HSB)	309.4°, 95.4, 94.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.204, 88.344, -40.392
XYZ	46.954, 23.128, 59.115
xyY	0.363, 0.179, 23.128
CIE-LCH	55.204, 97.14, 335.429
CIE-LUV	55.204, 93.981, -74.589
Hunter-Lab	48.092, 90.116, -39.215
Binary	11110000, 00001011, 11001100

#f00bcc
```
#f00bcc rgb(240,11,204)
```
#0bf02f
```
#0bf02f rgb(11,240,47)
```

Complementary Color

#a20bf0
```
#a20bf0 rgb(162,11,240)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#f00b5a
```
#f00b5a rgb(240,11,90)
```

Analogous Color

#0bf0a2
```
#0bf0a2 rgb(11,240,162)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#5af00b
```
#5af00b rgb(90,240,11)
```

Split Complementary Color

#0bccf0
```
#0bccf0 rgb(11,204,240)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```

Triadic Color

#2f0bf0
```
#2f0bf0 rgb(47,11,240)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#0bf02f
```
#0bf02f rgb(11,240,47)
```

Tetradic Color

#a7088e
```
#a7088e rgb(167,8,142)
```
#bf09a3
```
#bf09a3 rgb(191,9,163)
```
#d80ab7
```
#d80ab7 rgb(216,10,183)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#f520d3
```
#f520d3 rgb(245,32,211)
```
#f638d8
```
#f638d8 rgb(246,56,216)
```
#f750dd
```
#f750dd rgb(247,80,221)
```

Monochromatic Color

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

#db0bf0
```
#db0bf0 rgb(219,11,240)
```
#ee0bf0
```
#ee0bf0 rgb(238,11,240)
```
#f00bdf
```
#f00bdf rgb(240,11,223)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#f00bb9
```
#f00bb9 rgb(240,11,185)
```
#f00ba6
```
#f00ba6 rgb(240,11,166)
```
#f00b93
```
#f00b93 rgb(240,11,147)
```

Similar Colors

Text with hexadecimal color #f00bcc

This text has a font color of #f00bcc.

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

#f00bcc background color

This paragraph has a background color of #f00bcc.

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

#f00bcc border color

This element has a border color of #f00bcc.

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

CSS codes

.text {color:#f00bcc;}

.background {background-color:#f00bcc;}

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

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, #0f010d is the darkest color, while #fffbfe is the lightest one.

#0f010d
```
#0f010d rgb(15,1,13)
```
#22021d
```
#22021d rgb(34,2,29)
```
#34022d
```
#34022d rgb(52,2,45)
```
#47033d
```
#47033d rgb(71,3,61)
```
#5a044c
```
#5a044c rgb(90,4,76)
```
#6d055c
```
#6d055c rgb(109,5,92)
```
#7f066c
```
#7f066c rgb(127,6,108)
```
#92077c
```
#92077c rgb(146,7,124)
```
#a5088c
```
#a5088c rgb(165,8,140)
```
#b8089c
```
#b8089c rgb(184,8,156)
```
#ca09ac
```
#ca09ac rgb(202,9,172)
```
#dd0abc
```
#dd0abc rgb(221,10,188)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```

Shade Color Variation

#f51ad2
```
#f51ad2 rgb(245,26,210)
```
#f52dd6
```
#f52dd6 rgb(245,45,214)
```
#f640da
```
#f640da rgb(246,64,218)
```
#f752dd
```
#f752dd rgb(247,82,221)
```
#f865e1
```
#f865e1 rgb(248,101,225)
```
#f978e5
```
#f978e5 rgb(249,120,229)
```
#fa8be8
```
#fa8be8 rgb(250,139,232)
```
#fb9dec
```
#fb9dec rgb(251,157,236)
```
#fbb0f0
```
#fbb0f0 rgb(251,176,240)
```
#fcc3f3
```
#fcc3f3 rgb(252,195,243)
```
#fdd6f7
```
#fdd6f7 rgb(253,214,247)
```
#fee8fb
```
#fee8fb rgb(254,232,251)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#867583
```
#867583 rgb(134,117,131)
```
#8f6c8a
```
#8f6c8a rgb(143,108,138)
```
#996290
```
#996290 rgb(153,98,144)
```
#a35897
```
#a35897 rgb(163,88,151)
```
#ac4f9e
```
#ac4f9e rgb(172,79,158)
```
#b645a4
```
#b645a4 rgb(182,69,164)
```
#c03bab
```
#c03bab rgb(192,59,171)
```
#c932b2
```
#c932b2 rgb(201,50,178)
```
#d328b8
```
#d328b8 rgb(211,40,184)
```
#dd1ebf
```
#dd1ebf rgb(221,30,191)
```
#e615c5
```
#e615c5 rgb(230,21,197)
```
#f00bcc
```
#f00bcc rgb(240,11,204)
```
#fa01d3
```
#fa01d3 rgb(250,1,211)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#81537a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3386ff Protanopia 1% of men
#7889bb Deuteranopia 1% of men
#e6595e Tritanopia 0.001% of the population

Trichromacy

#7859ec Protanomaly 1% of men, 0.01% of women
#a45bc1 Deuteranomaly 6% of men, 0.4% of women
#e93d86 Tritanomaly 0.01% of the population

#f00bcc hex color

#f00bcc Color Information

#f00bcc Color Conversion

Color Schemes with #f00bcc

Alternatives to #f00bcc

#f00bcc Preview

Shades and Tints of #f00bcc

Tones of #f00bcc

Color Blindness Simulator