#f712da hex color

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

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

● #f712da color description : Vivid magenta.

The hexadecimal color #f712da has RGB values of R:247, G:18, B:218 and CMYK values of C:0, M:0.93, Y:0.12, K:0.03. Its decimal value is 16192218.

Hex triplet	f712da	`#f712da`
RGB Decimal	247, 18, 218	`rgb(247,18,218)`
RGB Percent	96.9, 7.1, 85.5	`rgb(96.9%,7.1%,85.5%)`
CMYK	0, 93, 12, 3
HSL	307.6°, 93.5, 52	`hsl(307.6,93.5%,52%)`
HSV (or HSB)	307.6°, 92.7, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.34, 90.785, -44.928
XYZ	51.229, 25.273, 68.506
xyY	0.353, 0.174, 25.273
CIE-LCH	57.34, 101.294, 333.67
CIE-LUV	57.34, 92.756, -82.452
Hunter-Lab	50.272, 93.92, -45.604
Binary	11110111, 00010010, 11011010

#f712da
```
#f712da rgb(247,18,218)
```
#12f72f
```
#12f72f rgb(18,247,47)
```

Complementary Color

#a212f7
```
#a212f7 rgb(162,18,247)
```
#f712da
```
#f712da rgb(247,18,218)
```
#f71268
```
#f71268 rgb(247,18,104)
```

Analogous Color

#12f7a2
```
#12f7a2 rgb(18,247,162)
```
#f712da
```
#f712da rgb(247,18,218)
```
#68f712
```
#68f712 rgb(104,247,18)
```

Split Complementary Color

#12daf7
```
#12daf7 rgb(18,218,247)
```
#f712da
```
#f712da rgb(247,18,218)
```
#daf712
```
#daf712 rgb(218,247,18)
```

Triadic Color

#2f12f7
```
#2f12f7 rgb(47,18,247)
```
#f712da
```
#f712da rgb(247,18,218)
```
#daf712
```
#daf712 rgb(218,247,18)
```
#12f72f
```
#12f72f rgb(18,247,47)
```

Tetradic Color

#b606a0
```
#b606a0 rgb(182,6,160)
```
#cf07b6
```
#cf07b6 rgb(207,7,182)
```
#e808cb
```
#e808cb rgb(232,8,203)
```
#f712da
```
#f712da rgb(247,18,218)
```
#f82bde
```
#f82bde rgb(248,43,222)
```
#f943e2
```
#f943e2 rgb(249,67,226)
```
#f95ce6
```
#f95ce6 rgb(249,92,230)
```

Monochromatic Color

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

#db12f7
```
#db12f7 rgb(219,18,247)
```
#ee12f7
```
#ee12f7 rgb(238,18,247)
```
#f712ed
```
#f712ed rgb(247,18,237)
```
#f712da
```
#f712da rgb(247,18,218)
```
#f712c7
```
#f712c7 rgb(247,18,199)
```
#f712b4
```
#f712b4 rgb(247,18,180)
```
#f712a1
```
#f712a1 rgb(247,18,161)
```

Similar Colors

Text with hexadecimal color #f712da

This text has a font color of #f712da.

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

#f712da background color

This paragraph has a background color of #f712da.

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

#f712da border color

This element has a border color of #f712da.

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

CSS codes

.text {color:#f712da;}

.background {background-color:#f712da;}

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

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

#0a0008
```
#0a0008 rgb(10,0,8)
```
#1d0119
```
#1d0119 rgb(29,1,25)
```
#30022a
```
#30022a rgb(48,2,42)
```
#43023a
```
#43023a rgb(67,2,58)
```
#56034b
```
#56034b rgb(86,3,75)
```
#69045c
```
#69045c rgb(105,4,92)
```
#7c046c
```
#7c046c rgb(124,4,108)
```
#8e057d
```
#8e057d rgb(142,5,125)
```
#a1058e
```
#a1058e rgb(161,5,142)
```
#b4069e
```
#b4069e rgb(180,6,158)
```
#c707af
```
#c707af rgb(199,7,175)
```
#da07c0
```
#da07c0 rgb(218,7,192)
```
#ed08d0
```
#ed08d0 rgb(237,8,208)
```

Shade Color Variation

#f712da
```
#f712da rgb(247,18,218)
```
#f825dd
```
#f825dd rgb(248,37,221)
```
#f838e0
```
#f838e0 rgb(248,56,224)
```
#f94be3
```
#f94be3 rgb(249,75,227)
```
#fa5ee6
```
#fa5ee6 rgb(250,94,230)
```
#fa71e9
```
#fa71e9 rgb(250,113,233)
```
#fb84ec
```
#fb84ec rgb(251,132,236)
```
#fb97ef
```
#fb97ef rgb(251,151,239)
```
#fcaaf2
```
#fcaaf2 rgb(252,170,242)
```
#fdbdf5
```
#fdbdf5 rgb(253,189,245)
```
#fdd0f8
```
#fdd0f8 rgb(253,208,248)
```
#fee3fb
```
#fee3fb rgb(254,227,251)
```
#fff6fe
```
#fff6fe rgb(255,246,254)
```

Tint Color Variation

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

#868386
```
#868386 rgb(134,131,134)
```
#8f7a8d
```
#8f7a8d rgb(143,122,141)
```
#997094
```
#997094 rgb(153,112,148)
```
#a2679b
```
#a2679b rgb(162,103,155)
```
#ac5da2
```
#ac5da2 rgb(172,93,162)
```
#b554a9
```
#b554a9 rgb(181,84,169)
```
#be4bb0
```
#be4bb0 rgb(190,75,176)
```
#c841b7
```
#c841b7 rgb(200,65,183)
```
#d138be
```
#d138be rgb(209,56,190)
```
#db2ec5
```
#db2ec5 rgb(219,46,197)
```
#e425cc
```
#e425cc rgb(228,37,204)
```
#ee1bd3
```
#ee1bd3 rgb(238,27,211)
```
#f712da
```
#f712da rgb(247,18,218)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#895b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#788ec7 Deuteranopia 1% of men
#eb6065 Tritanopia 0.001% of the population

Trichromacy

#875ff1 Protanomaly 1% of men, 0.01% of women
#a661ce Deuteranomaly 6% of men, 0.4% of women
#ef438f Tritanomaly 0.01% of the population

#f712da hex color

#f712da Color Information

#f712da Color Conversion

Color Schemes with #f712da

Alternatives to #f712da

#f712da Preview

Shades and Tints of #f712da

Tones of #f712da

Color Blindness Simulator