#f314e8 hex color

In a RGB color space, hex #f314e8 is composed of 95.3% red, 7.8% green and 91% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 4.5% yellow and 4.7% black. It has a hue angle of 303 degrees, a saturation of 90.3% and a lightness of 51.6%. #f314e8 color hex could be obtained by blending #ff28ff with #e700d1. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 95
- G 8
- B 91
RGB color chart
- C 0
- M 92
- Y 5
- K 5
CMYK color chart

● #f314e8 color description : Vivid magenta.

The hexadecimal color #f314e8 has RGB values of R:243, G:20, B:232 and CMYK values of C:0, M:0.92, Y:0.05, K:0.05. Its decimal value is 15930600.

Hex triplet	f314e8	`#f314e8`
RGB Decimal	243, 20, 232	`rgb(243,20,232)`
RGB Percent	95.3, 7.8, 91	`rgb(95.3%,7.8%,91%)`
CMYK	0, 92, 5, 5
HSL	303°, 90.3, 51.6	`hsl(303,90.3%,51.6%)`
HSV (or HSB)	303°, 91.8, 95.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.449, 91.764, -52.709
XYZ	51.777, 25.385, 78.512
xyY	0.333, 0.163, 25.385
CIE-LCH	57.449, 105.825, 330.127
CIE-LUV	57.449, 83.765, -94.376
Hunter-Lab	50.384, 95.266, -57.123
Binary	11110011, 00010100, 11101000

#f314e8
```
#f314e8 rgb(243,20,232)
```
#14f31f
```
#14f31f rgb(20,243,31)
```

Complementary Color

#8f14f3
```
#8f14f3 rgb(143,20,243)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#f31479
```
#f31479 rgb(243,20,121)
```

Analogous Color

#14f38f
```
#14f38f rgb(20,243,143)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#79f314
```
#79f314 rgb(121,243,20)
```

Split Complementary Color

#14e8f3
```
#14e8f3 rgb(20,232,243)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#e8f314
```
#e8f314 rgb(232,243,20)
```

Triadic Color

#1f14f3
```
#1f14f3 rgb(31,20,243)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#e8f314
```
#e8f314 rgb(232,243,20)
```
#14f31f
```
#14f31f rgb(20,243,31)
```

Tetradic Color

#b109a9
```
#b109a9 rgb(177,9,169)
```
#ca0ac0
```
#ca0ac0 rgb(202,10,192)
```
#e20cd7
```
#e20cd7 rgb(226,12,215)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#f42cea
```
#f42cea rgb(244,44,234)
```
#f545ed
```
#f545ed rgb(245,69,237)
```
#f75def
```
#f75def rgb(247,93,239)
```

Monochromatic Color

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

#c614f3
```
#c614f3 rgb(198,20,243)
```
#d914f3
```
#d914f3 rgb(217,20,243)
```
#eb14f3
```
#eb14f3 rgb(235,20,243)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#f314d5
```
#f314d5 rgb(243,20,213)
```
#f314c3
```
#f314c3 rgb(243,20,195)
```
#f314b0
```
#f314b0 rgb(243,20,176)
```

Similar Colors

Text with hexadecimal color #f314e8

This text has a font color of #f314e8.

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

#f314e8 background color

This paragraph has a background color of #f314e8.

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

#f314e8 border color

This element has a border color of #f314e8.

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

CSS codes

.text {color:#f314e8;}

.background {background-color:#f314e8;}

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

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

#080007
```
#080007 rgb(8,0,7)
```
#1a0119
```
#1a0119 rgb(26,1,25)
```
#2d022b
```
#2d022b rgb(45,2,43)
```
#40033d
```
#40033d rgb(64,3,61)
```
#52044e
```
#52044e rgb(82,4,78)
```
#650560
```
#650560 rgb(101,5,96)
```
#780672
```
#780672 rgb(120,6,114)
```
#8a0784
```
#8a0784 rgb(138,7,132)
```
#9d0896
```
#9d0896 rgb(157,8,150)
```
#b009a7
```
#b009a7 rgb(176,9,167)
```
#c20ab9
```
#c20ab9 rgb(194,10,185)
```
#d50bcb
```
#d50bcb rgb(213,11,203)
```
#e80cdd
```
#e80cdd rgb(232,12,221)
```

Shade Color Variation

#f314e8
```
#f314e8 rgb(243,20,232)
```
#f427ea
```
#f427ea rgb(244,39,234)
```
#f539ec
```
#f539ec rgb(245,57,236)
```
#f64ced
```
#f64ced rgb(246,76,237)
```
#f75fef
```
#f75fef rgb(247,95,239)
```
#f871f1
```
#f871f1 rgb(248,113,241)
```
#f984f3
```
#f984f3 rgb(249,132,243)
```
#fa97f5
```
#fa97f5 rgb(250,151,245)
```
#fba9f7
```
#fba9f7 rgb(251,169,247)
```
#fcbcf8
```
#fcbcf8 rgb(252,188,248)
```
#fdcffa
```
#fdcffa rgb(253,207,250)
```
#fde1fc
```
#fde1fc rgb(253,225,252)
```
#fef4fe
```
#fef4fe rgb(254,244,254)
```

Tint Color Variation

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

#8b7d8a
```
#8b7d8a rgb(139,125,138)
```
#947392
```
#947392 rgb(148,115,146)
```
#9e6a9b
```
#9e6a9b rgb(158,106,155)
```
#a760a3
```
#a760a3 rgb(167,96,163)
```
#b157ac
```
#b157ac rgb(177,87,172)
```
#ba4db5
```
#ba4db5 rgb(186,77,181)
```
#c444bd
```
#c444bd rgb(196,68,189)
```
#cd3ac6
```
#cd3ac6 rgb(205,58,198)
```
#d731ce
```
#d731ce rgb(215,49,206)
```
#e027d7
```
#e027d7 rgb(224,39,215)
```
#ea1edf
```
#ea1edf rgb(234,30,223)
```
#f314e8
```
#f314e8 rgb(243,20,232)
```
#fd0bf1
```
#fd0bf1 rgb(253,11,241)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#895d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#6c8fd3 Deuteranopia 1% of men
#e5666c Tritanopia 0.001% of the population

Trichromacy

#8660f6 Protanomaly 1% of men, 0.01% of women
#9d62db Deuteranomaly 6% of men, 0.4% of women
#ea4899 Tritanomaly 0.01% of the population

#f314e8 hex color

#f314e8 Color Information

#f314e8 Color Conversion

Color Schemes with #f314e8

Alternatives to #f314e8

#f314e8 Preview

Shades and Tints of #f314e8

Tones of #f314e8

Color Blindness Simulator