#f712bf hex color

In a RGB color space, hex #f712bf is composed of 96.9% red, 7.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.7% magenta, 22.7% yellow and 3.1% black. It has a hue angle of 314.7 degrees, a saturation of 93.5% and a lightness of 52%. #f712bf color hex could be obtained by blending #ff24ff with #ef007f. Closest websafe color is: #ff00cc.

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

● #f712bf color description : Vivid magenta.

The hexadecimal color #f712bf has RGB values of R:247, G:18, B:191 and CMYK values of C:0, M:0.93, Y:0.23, K:0.03. Its decimal value is 16192191.

Hex triplet	f712bf	`#f712bf`
RGB Decimal	247, 18, 191	`rgb(247,18,191)`
RGB Percent	96.9, 7.1, 74.9	`rgb(96.9%,7.1%,74.9%)`
CMYK	0, 93, 23, 3
HSL	314.7°, 93.5, 52	`hsl(314.7,93.5%,52%)`
HSV (or HSB)	314.7°, 92.7, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.061, 87.507, -31.473
XYZ	47.978, 23.973, 51.388
xyY	0.389, 0.194, 23.973
CIE-LCH	56.061, 92.994, 340.218
CIE-LUV	56.061, 104.803, -61.399
Hunter-Lab	48.962, 89.23, -27.954
Binary	11110111, 00010010, 10111111

#f712bf
```
#f712bf rgb(247,18,191)
```
#12f74a
```
#12f74a rgb(18,247,74)
```

Complementary Color

#bd12f7
```
#bd12f7 rgb(189,18,247)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#f7124d
```
#f7124d rgb(247,18,77)
```

Analogous Color

#12f7bd
```
#12f7bd rgb(18,247,189)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#4df712
```
#4df712 rgb(77,247,18)
```

Split Complementary Color

#12bff7
```
#12bff7 rgb(18,191,247)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#bff712
```
#bff712 rgb(191,247,18)
```

Triadic Color

#4a12f7
```
#4a12f7 rgb(74,18,247)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#bff712
```
#bff712 rgb(191,247,18)
```
#12f74a
```
#12f74a rgb(18,247,74)
```

Tetradic Color

#b6068b
```
#b6068b rgb(182,6,139)
```
#cf079e
```
#cf079e rgb(207,7,158)
```
#e808b1
```
#e808b1 rgb(232,8,177)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#f82bc6
```
#f82bc6 rgb(248,43,198)
```
#f943cc
```
#f943cc rgb(249,67,204)
```
#f95cd3
```
#f95cd3 rgb(249,92,211)
```

Monochromatic Color

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

#f612f7
```
#f612f7 rgb(246,18,247)
```
#f712e5
```
#f712e5 rgb(247,18,229)
```
#f712d2
```
#f712d2 rgb(247,18,210)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#f712ac
```
#f712ac rgb(247,18,172)
```
#f71299
```
#f71299 rgb(247,18,153)
```
#f71286
```
#f71286 rgb(247,18,134)
```

Similar Colors

Text with hexadecimal color #f712bf

This text has a font color of #f712bf.

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

#f712bf background color

This paragraph has a background color of #f712bf.

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

#f712bf border color

This element has a border color of #f712bf.

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

CSS codes

.text {color:#f712bf;}

.background {background-color:#f712bf;}

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

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

#0a0007
```
#0a0007 rgb(10,0,7)
```
#1d0116
```
#1d0116 rgb(29,1,22)
```
#300224
```
#300224 rgb(48,2,36)
```
#430233
```
#430233 rgb(67,2,51)
```
#560341
```
#560341 rgb(86,3,65)
```
#690450
```
#690450 rgb(105,4,80)
```
#7c045e
```
#7c045e rgb(124,4,94)
```
#8e056d
```
#8e056d rgb(142,5,109)
```
#a1057b
```
#a1057b rgb(161,5,123)
```
#b4068a
```
#b4068a rgb(180,6,138)
```
#c70798
```
#c70798 rgb(199,7,152)
```
#da07a7
```
#da07a7 rgb(218,7,167)
```
#ed08b5
```
#ed08b5 rgb(237,8,181)
```

Shade Color Variation

#f712bf
```
#f712bf rgb(247,18,191)
```
#f825c4
```
#f825c4 rgb(248,37,196)
```
#f838c9
```
#f838c9 rgb(248,56,201)
```
#f94bce
```
#f94bce rgb(249,75,206)
```
#fa5ed3
```
#fa5ed3 rgb(250,94,211)
```
#fa71d9
```
#fa71d9 rgb(250,113,217)
```
#fb84de
```
#fb84de rgb(251,132,222)
```
#fb97e3
```
#fb97e3 rgb(251,151,227)
```
#fcaae8
```
#fcaae8 rgb(252,170,232)
```
#fdbded
```
#fdbded rgb(253,189,237)
```
#fdd0f2
```
#fdd0f2 rgb(253,208,242)
```
#fee3f7
```
#fee3f7 rgb(254,227,247)
```
#fff6fc
```
#fff6fc rgb(255,246,252)
```

Tint Color Variation

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

#868385
```
#868385 rgb(134,131,133)
```
#8f7a8a
```
#8f7a8a rgb(143,122,138)
```
#99708f
```
#99708f rgb(153,112,143)
```
#a26794
```
#a26794 rgb(162,103,148)
```
#ac5d98
```
#ac5d98 rgb(172,93,152)
```
#b5549d
```
#b5549d rgb(181,84,157)
```
#be4ba2
```
#be4ba2 rgb(190,75,162)
```
#c841a7
```
#c841a7 rgb(200,65,167)
```
#d138ac
```
#d138ac rgb(209,56,172)
```
#db2eb1
```
#db2eb1 rgb(219,46,177)
```
#e425b5
```
#e425b5 rgb(228,37,181)
```
#ee1bba
```
#ee1bba rgb(238,27,186)
```
#f712bf
```
#f712bf rgb(247,18,191)
```

Tone Color Variation

Below, you can see how #f712bf 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
#86587b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e88ff Protanopia 1% of men
#858ab0 Deuteranopia 1% of men
#ee555a Tritanopia 0.001% of the population

Trichromacy

#815de7 Protanomaly 1% of men, 0.01% of women
#af5eb5 Deuteranomaly 6% of men, 0.4% of women
#f13d7e Tritanomaly 0.01% of the population

#f712bf hex color

#f712bf Color Information

#f712bf Color Conversion

Color Schemes with #f712bf

Alternatives to #f712bf

#f712bf Preview

Shades and Tints of #f712bf

Tones of #f712bf

Color Blindness Simulator