#f012bc hex color

In a RGB color space, hex #f012bc is composed of 94.1% red, 7.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.5% magenta, 21.7% yellow and 5.9% black. It has a hue angle of 314.1 degrees, a saturation of 88.1% and a lightness of 50.6%. #f012bc color hex could be obtained by blending #ff24ff with #e10079. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 94
- G 7
- B 74
RGB color chart
- C 0
- M 93
- Y 22
- K 6
CMYK color chart

● #f012bc color description : Vivid magenta.

The hexadecimal color #f012bc has RGB values of R:240, G:18, B:188 and CMYK values of C:0, M:0.93, Y:0.22, K:0.06. Its decimal value is 15733436.

Hex triplet	f012bc	`#f012bc`
RGB Decimal	240, 18, 188	`rgb(240,18,188)`
RGB Percent	94.1, 7.1, 73.7	`rgb(94.1%,7.1%,73.7%)`
CMYK	0, 93, 22, 6
HSL	314.1°, 88.1, 50.6	`hsl(314.1,88.1%,50.6%)`
HSV (or HSB)	314.1°, 92.5, 94.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.65, 85.83, -32.028
XYZ	45.229, 22.593, 49.553
xyY	0.385, 0.192, 22.593
CIE-LCH	54.65, 91.611, 339.536
CIE-LUV	54.65, 100.692, -61.587
Hunter-Lab	47.532, 86.67, -28.539
Binary	11110000, 00010010, 10111100

#f012bc
```
#f012bc rgb(240,18,188)
```
#12f046
```
#12f046 rgb(18,240,70)
```

Complementary Color

#b512f0
```
#b512f0 rgb(181,18,240)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#f0124d
```
#f0124d rgb(240,18,77)
```

Analogous Color

#12f0b5
```
#12f0b5 rgb(18,240,181)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#4df012
```
#4df012 rgb(77,240,18)
```

Split Complementary Color

#12bcf0
```
#12bcf0 rgb(18,188,240)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#bcf012
```
#bcf012 rgb(188,240,18)
```

Triadic Color

#4612f0
```
#4612f0 rgb(70,18,240)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#bcf012
```
#bcf012 rgb(188,240,18)
```
#12f046
```
#12f046 rgb(18,240,70)
```

Tetradic Color

#ab0b85
```
#ab0b85 rgb(171,11,133)
```
#c30c98
```
#c30c98 rgb(195,12,152)
```
#db0eab
```
#db0eab rgb(219,14,171)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#f22ac3
```
#f22ac3 rgb(242,42,195)
```
#f342ca
```
#f342ca rgb(243,66,202)
```
#f55ad0
```
#f55ad0 rgb(245,90,208)
```

Monochromatic Color

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

#ed12f0
```
#ed12f0 rgb(237,18,240)
```
#f012e1
```
#f012e1 rgb(240,18,225)
```
#f012cf
```
#f012cf rgb(240,18,207)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#f012aa
```
#f012aa rgb(240,18,170)
```
#f01297
```
#f01297 rgb(240,18,151)
```
#f01285
```
#f01285 rgb(240,18,133)
```

Similar Colors

Text with hexadecimal color #f012bc

This text has a font color of #f012bc.

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

#f012bc background color

This paragraph has a background color of #f012bc.

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

#f012bc border color

This element has a border color of #f012bc.

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

CSS codes

.text {color:#f012bc;}

.background {background-color:#f012bc;}

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

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, #030002 is the darkest color, while #feeffb is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#150111
```
#150111 rgb(21,1,17)
```
#28031f
```
#28031f rgb(40,3,31)
```
#3a042d
```
#3a042d rgb(58,4,45)
```
#4d053c
```
#4d053c rgb(77,5,60)
```
#5f064a
```
#5f064a rgb(95,6,74)
```
#720759
```
#720759 rgb(114,7,89)
```
#840867
```
#840867 rgb(132,8,103)
```
#960a75
```
#960a75 rgb(150,10,117)
```
#a90b84
```
#a90b84 rgb(169,11,132)
```
#bb0c92
```
#bb0c92 rgb(187,12,146)
```
#ce0da1
```
#ce0da1 rgb(206,13,161)
```
#e00eaf
```
#e00eaf rgb(224,14,175)
```

Shade Color Variation

#f012bc
```
#f012bc rgb(240,18,188)
```
#f124c1
```
#f124c1 rgb(241,36,193)
```
#f237c6
```
#f237c6 rgb(242,55,198)
```
#f449cc
```
#f449cc rgb(244,73,204)
```
#f55cd1
```
#f55cd1 rgb(245,92,209)
```
#f66ed6
```
#f66ed6 rgb(246,110,214)
```
#f781db
```
#f781db rgb(247,129,219)
```
#f893e1
```
#f893e1 rgb(248,147,225)
```
#f9a6e6
```
#f9a6e6 rgb(249,166,230)
```
#fbb8eb
```
#fbb8eb rgb(251,184,235)
```
#fccaf0
```
#fccaf0 rgb(252,202,240)
```
#fdddf5
```
#fdddf5 rgb(253,221,245)
```
#feeffb
```
#feeffb rgb(254,239,251)
```

Tint Color Variation

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

#857d83
```
#857d83 rgb(133,125,131)
```
#8f7388
```
#8f7388 rgb(143,115,136)
```
#99698e
```
#99698e rgb(153,105,142)
```
#a26093
```
#a26093 rgb(162,96,147)
```
#ac5698
```
#ac5698 rgb(172,86,152)
```
#b64c9d
```
#b64c9d rgb(182,76,157)
```
#c042a2
```
#c042a2 rgb(192,66,162)
```
#c939a7
```
#c939a7 rgb(201,57,167)
```
#d32fad
```
#d32fad rgb(211,47,173)
```
#dd25b2
```
#dd25b2 rgb(221,37,178)
```
#e61cb7
```
#e61cb7 rgb(230,28,183)
```
#f012bc
```
#f012bc rgb(240,18,188)
```
#fa08c1
```
#fa08c1 rgb(250,8,193)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#835779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3885fb Protanopia 1% of men
#8187ad Deuteranopia 1% of men
#e75458 Tritanopia 0.001% of the population

Trichromacy

#7b5be4 Protanomaly 1% of men, 0.01% of women
#a95cb2 Deuteranomaly 6% of men, 0.4% of women
#ea3c7c Tritanomaly 0.01% of the population

#f012bc hex color

#f012bc Color Information

#f012bc Color Conversion

Color Schemes with #f012bc

Alternatives to #f012bc

#f012bc Preview

Shades and Tints of #f012bc

Tones of #f012bc

Color Blindness Simulator