#f016bf hex color

In a RGB color space, hex #f016bf is composed of 94.1% red, 8.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.8% magenta, 20.4% yellow and 5.9% black. It has a hue angle of 313.5 degrees, a saturation of 87.9% and a lightness of 51.4%. #f016bf color hex could be obtained by blending #ff2cff with #e1007f. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 94
- G 9
- B 75
RGB color chart
- C 0
- M 91
- Y 20
- K 6
CMYK color chart

● #f016bf color description : Vivid magenta.

The hexadecimal color #f016bf has RGB values of R:240, G:22, B:191 and CMYK values of C:0, M:0.91, Y:0.2, K:0.06. Its decimal value is 15734463.

Hex triplet	f016bf	`#f016bf`
RGB Decimal	240, 22, 191	`rgb(240,22,191)`
RGB Percent	94.1, 8.6, 74.9	`rgb(94.1%,8.6%,74.9%)`
CMYK	0, 91, 20, 6
HSL	313.5°, 87.9, 51.4	`hsl(313.5,87.9%,51.4%)`
HSV (or HSB)	313.5°, 90.8, 94.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.933, 85.753, -33.326
XYZ	45.626, 22.865, 51.298
xyY	0.381, 0.191, 22.865
CIE-LCH	54.933, 92.001, 338.762
CIE-LUV	54.933, 98.964, -63.562
Hunter-Lab	47.817, 86.642, -30.134
Binary	11110000, 00010110, 10111111

#f016bf
```
#f016bf rgb(240,22,191)
```
#16f047
```
#16f047 rgb(22,240,71)
```

Complementary Color

#b416f0
```
#b416f0 rgb(180,22,240)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#f01652
```
#f01652 rgb(240,22,82)
```

Analogous Color

#16f0b4
```
#16f0b4 rgb(22,240,180)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#52f016
```
#52f016 rgb(82,240,22)
```

Split Complementary Color

#16bff0
```
#16bff0 rgb(22,191,240)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#bff016
```
#bff016 rgb(191,240,22)
```

Triadic Color

#4716f0
```
#4716f0 rgb(71,22,240)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#bff016
```
#bff016 rgb(191,240,22)
```
#16f047
```
#16f047 rgb(22,240,71)
```

Tetradic Color

#ae0b8a
```
#ae0b8a rgb(174,11,138)
```
#c60d9d
```
#c60d9d rgb(198,13,157)
```
#de0eaf
```
#de0eaf rgb(222,14,175)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#f22ec6
```
#f22ec6 rgb(242,46,198)
```
#f346cc
```
#f346cc rgb(243,70,204)
```
#f55ed3
```
#f55ed3 rgb(245,94,211)
```

Monochromatic Color

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

#eb16f0
```
#eb16f0 rgb(235,22,240)
```
#f016e3
```
#f016e3 rgb(240,22,227)
```
#f016d1
```
#f016d1 rgb(240,22,209)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#f016ad
```
#f016ad rgb(240,22,173)
```
#f0169b
```
#f0169b rgb(240,22,155)
```
#f01689
```
#f01689 rgb(240,22,137)
```

Similar Colors

Text with hexadecimal color #f016bf

This text has a font color of #f016bf.

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

#f016bf background color

This paragraph has a background color of #f016bf.

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

#f016bf border color

This element has a border color of #f016bf.

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

CSS codes

.text {color:#f016bf;}

.background {background-color:#f016bf;}

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

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

#070005
```
#070005 rgb(7,0,5)
```
#190214
```
#190214 rgb(25,2,20)
```
#2b0322
```
#2b0322 rgb(43,3,34)
```
#3e0431
```
#3e0431 rgb(62,4,49)
```
#50053f
```
#50053f rgb(80,5,63)
```
#63064e
```
#63064e rgb(99,6,78)
```
#75085d
```
#75085d rgb(117,8,93)
```
#88096b
```
#88096b rgb(136,9,107)
```
#9a0a7a
```
#9a0a7a rgb(154,10,122)
```
#ac0b88
```
#ac0b88 rgb(172,11,136)
```
#bf0c97
```
#bf0c97 rgb(191,12,151)
```
#d10da5
```
#d10da5 rgb(209,13,165)
```
#e40fb4
```
#e40fb4 rgb(228,15,180)
```

Shade Color Variation

#f016bf
```
#f016bf rgb(240,22,191)
```
#f128c4
```
#f128c4 rgb(241,40,196)
```
#f23bc9
```
#f23bc9 rgb(242,59,201)
```
#f44dce
```
#f44dce rgb(244,77,206)
```
#f560d3
```
#f560d3 rgb(245,96,211)
```
#f672d8
```
#f672d8 rgb(246,114,216)
```
#f785dd
```
#f785dd rgb(247,133,221)
```
#f897e2
```
#f897e2 rgb(248,151,226)
```
#f9a9e7
```
#f9a9e7 rgb(249,169,231)
```
#fbbced
```
#fbbced rgb(251,188,237)
```
#fccef2
```
#fccef2 rgb(252,206,242)
```
#fde1f7
```
#fde1f7 rgb(253,225,247)
```
#fef3fc
```
#fef3fc rgb(254,243,252)
```

Tint Color Variation

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

#877f85
```
#877f85 rgb(135,127,133)
```
#91758a
```
#91758a rgb(145,117,138)
```
#9a6c90
```
#9a6c90 rgb(154,108,144)
```
#a46295
```
#a46295 rgb(164,98,149)
```
#ad599a
```
#ad599a rgb(173,89,154)
```
#b74f9f
```
#b74f9f rgb(183,79,159)
```
#c046a5
```
#c046a5 rgb(192,70,165)
```
#ca3caa
```
#ca3caa rgb(202,60,170)
```
#d333af
```
#d333af rgb(211,51,175)
```
#dd29b4
```
#dd29b4 rgb(221,41,180)
```
#e620ba
```
#e620ba rgb(230,32,186)
```
#f016bf
```
#f016bf rgb(240,22,191)
```
#fa0cc4
```
#fa0cc4 rgb(250,12,196)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#85597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3485fd Protanopia 1% of men
#8087b0 Deuteranopia 1% of men
#e7565b Tritanopia 0.001% of the population

Trichromacy

#785de7 Protanomaly 1% of men, 0.01% of women
#a95eb5 Deuteranomaly 6% of men, 0.4% of women
#ea3f7f Tritanomaly 0.01% of the population

#f016bf hex color

#f016bf Color Information

#f016bf Color Conversion

Color Schemes with #f016bf

Alternatives to #f016bf

#f016bf Preview

Shades and Tints of #f016bf

Tones of #f016bf

Color Blindness Simulator