#f312ef hex color

In a RGB color space, hex #f312ef is composed of 95.3% red, 7.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.6% magenta, 1.6% yellow and 4.7% black. It has a hue angle of 301.1 degrees, a saturation of 90.4% and a lightness of 51.2%. #f312ef color hex could be obtained by blending #ff24ff with #e700df. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 95
- G 7
- B 94
RGB color chart
- C 0
- M 93
- Y 2
- K 5
CMYK color chart

● #f312ef color description : Vivid magenta.

The hexadecimal color #f312ef has RGB values of R:243, G:18, B:239 and CMYK values of C:0, M:0.93, Y:0.02, K:0.05. Its decimal value is 15930095.

Hex triplet	f312ef	`#f312ef`
RGB Decimal	243, 18, 239	`rgb(243,18,239)`
RGB Percent	95.3, 7.1, 93.7	`rgb(95.3%,7.1%,93.7%)`
CMYK	0, 93, 2, 5
HSL	301.1°, 90.4, 51.2	`hsl(301.1,90.4%,51.2%)`
HSV (or HSB)	301.1°, 92.6, 95.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.773, 92.927, -56.12
XYZ	52.757, 25.723, 83.843
xyY	0.325, 0.158, 25.723
CIE-LCH	57.773, 108.558, 328.871
CIE-LUV	57.773, 81.07, -99.802
Hunter-Lab	50.718, 96.922, -62.511
Binary	11110011, 00010010, 11101111

#f312ef
```
#f312ef rgb(243,18,239)
```
#12f316
```
#12f316 rgb(18,243,22)
```

Complementary Color

#8712f3
```
#8712f3 rgb(135,18,243)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#f3127f
```
#f3127f rgb(243,18,127)
```

Analogous Color

#12f387
```
#12f387 rgb(18,243,135)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#7ff312
```
#7ff312 rgb(127,243,18)
```

Split Complementary Color

#12eff3
```
#12eff3 rgb(18,239,243)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#eff312
```
#eff312 rgb(239,243,18)
```

Triadic Color

#1612f3
```
#1612f3 rgb(22,18,243)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#eff312
```
#eff312 rgb(239,243,18)
```
#12f316
```
#12f316 rgb(18,243,22)
```

Tetradic Color

#b009ad
```
#b009ad rgb(176,9,173)
```
#c80ac5
```
#c80ac5 rgb(200,10,197)
```
#e00bdc
```
#e00bdc rgb(224,11,220)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#f42af1
```
#f42af1 rgb(244,42,241)
```
#f543f2
```
#f543f2 rgb(245,67,242)
```
#f75bf4
```
#f75bf4 rgb(247,91,244)
```

Monochromatic Color

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

#bf12f3
```
#bf12f3 rgb(191,18,243)
```
#d212f3
```
#d212f3 rgb(210,18,243)
```
#e412f3
```
#e412f3 rgb(228,18,243)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#f312ca
```
#f312ca rgb(243,18,202)
```
#f312b7
```
#f312b7 rgb(243,18,183)
```

Similar Colors

Text with hexadecimal color #f312ef

This text has a font color of #f312ef.

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

#f312ef background color

This paragraph has a background color of #f312ef.

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

#f312ef border color

This element has a border color of #f312ef.

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

CSS codes

.text {color:#f312ef;}

.background {background-color:#f312ef;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#180118
```
#180118 rgb(24,1,24)
```
#2b022a
```
#2b022a rgb(43,2,42)
```
#3e033d
```
#3e033d rgb(62,3,61)
```
#50044f
```
#50044f rgb(80,4,79)
```
#630561
```
#630561 rgb(99,5,97)
```
#760674
```
#760674 rgb(118,6,116)
```
#880786
```
#880786 rgb(136,7,134)
```
#9b0898
```
#9b0898 rgb(155,8,152)
```
#ae09ab
```
#ae09ab rgb(174,9,171)
```
#c00abd
```
#c00abd rgb(192,10,189)
```
#d30bd0
```
#d30bd0 rgb(211,11,208)
```
#e60ce2
```
#e60ce2 rgb(230,12,226)
```

Shade Color Variation

#f312ef
```
#f312ef rgb(243,18,239)
```
#f425f0
```
#f425f0 rgb(244,37,240)
```
#f537f2
```
#f537f2 rgb(245,55,242)
```
#f64af3
```
#f64af3 rgb(246,74,243)
```
#f75df4
```
#f75df4 rgb(247,93,244)
```
#f86ff5
```
#f86ff5 rgb(248,111,245)
```
#f982f7
```
#f982f7 rgb(249,130,247)
```
#fa95f8
```
#fa95f8 rgb(250,149,248)
```
#fba7f9
```
#fba7f9 rgb(251,167,249)
```
#fcbafa
```
#fcbafa rgb(252,186,250)
```
#fccdfc
```
#fccdfc rgb(252,205,252)
```
#fddffd
```
#fddffd rgb(253,223,253)
```
#fef2fe
```
#fef2fe rgb(254,242,254)
```

Tint Color Variation

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

#8a7b89
```
#8a7b89 rgb(138,123,137)
```
#937293
```
#937293 rgb(147,114,147)
```
#9d689c
```
#9d689c rgb(157,104,156)
```
#a65fa5
```
#a65fa5 rgb(166,95,165)
```
#b055ae
```
#b055ae rgb(176,85,174)
```
#ba4bb8
```
#ba4bb8 rgb(186,75,184)
```
#c342c1
```
#c342c1 rgb(195,66,193)
```
#cd38ca
```
#cd38ca rgb(205,56,202)
```
#d62fd3
```
#d62fd3 rgb(214,47,211)
```
#e025dd
```
#e025dd rgb(224,37,221)
```
#e91ce6
```
#e91ce6 rgb(233,28,230)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#fd08f8
```
#fd08f8 rgb(253,8,248)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#895c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#6690d9 Deuteranopia 1% of men
#e4686e Tritanopia 0.001% of the population

Trichromacy

#8860f9 Protanomaly 1% of men, 0.01% of women
#9962e1 Deuteranomaly 6% of men, 0.4% of women
#e9499d Tritanomaly 0.01% of the population

#f312ef hex color

#f312ef Color Information

#f312ef Color Conversion

Color Schemes with #f312ef

Alternatives to #f312ef

#f312ef Preview

Shades and Tints of #f312ef

Tones of #f312ef

Color Blindness Simulator