#f314f9 hex color

In a RGB color space, hex #f314f9 is composed of 95.3% red, 7.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 92% magenta, 0% yellow and 2.4% black. It has a hue angle of 298.4 degrees, a saturation of 95% and a lightness of 52.7%. #f314f9 color hex could be obtained by blending #ff28ff with #e700f3. Closest websafe color is: #ff00ff.

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

● #f314f9 color description : Vivid magenta.

The hexadecimal color #f314f9 has RGB values of R:243, G:20, B:249 and CMYK values of C:0.02, M:0.92, Y:0, K:0.02. Its decimal value is 15930617.

Hex triplet	f314f9	`#f314f9`
RGB Decimal	243, 20, 249	`rgb(243,20,249)`
RGB Percent	95.3, 7.8, 97.6	`rgb(95.3%,7.8%,97.6%)`
CMYK	2, 92, 0, 2
HSL	298.4°, 95, 52.7	`hsl(298.4,95%,52.7%)`
HSV (or HSB)	298.4°, 92, 97.6
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.413, 94.16, -60.678
XYZ	54.31, 26.398, 91.852
xyY	0.315, 0.153, 26.398
CIE-LCH	58.413, 112.018, 327.202
CIE-LUV	58.413, 77.042, -107.082
Hunter-Lab	51.379, 98.768, -70.029
Binary	11110011, 00010100, 11111001

#f314f9
```
#f314f9 rgb(243,20,249)
```
#1af914
```
#1af914 rgb(26,249,20)
```

Complementary Color

#8114f9
```
#8114f9 rgb(129,20,249)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#f9148d
```
#f9148d rgb(249,20,141)
```

Analogous Color

#14f981
```
#14f981 rgb(20,249,129)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#8df914
```
#8df914 rgb(141,249,20)
```

Split Complementary Color

#14f9f3
```
#14f9f3 rgb(20,249,243)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#f9f314
```
#f9f314 rgb(249,243,20)
```

Triadic Color

#141af9
```
#141af9 rgb(20,26,249)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#f9f314
```
#f9f314 rgb(249,243,20)
```
#1af914
```
#1af914 rgb(26,249,20)
```

Tetradic Color

#b705bc
```
#b705bc rgb(183,5,188)
```
#cf05d5
```
#cf05d5 rgb(207,5,213)
```
#e706ed
```
#e706ed rgb(231,6,237)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#f42dfa
```
#f42dfa rgb(244,45,250)
```
#f646fa
```
#f646fa rgb(246,70,250)
```
#f75ffb
```
#f75ffb rgb(247,95,251)
```

Monochromatic Color

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

#ba14f9
```
#ba14f9 rgb(186,20,249)
```
#cd14f9
```
#cd14f9 rgb(205,20,249)
```
#e014f9
```
#e014f9 rgb(224,20,249)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```
#f914ec
```
#f914ec rgb(249,20,236)
```
#f914d9
```
#f914d9 rgb(249,20,217)
```
#f914c6
```
#f914c6 rgb(249,20,198)
```

Similar Colors

Text with hexadecimal color #f314f9

This text has a font color of #f314f9.

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

#f314f9 background color

This paragraph has a background color of #f314f9.

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

#f314f9 border color

This element has a border color of #f314f9.

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

CSS codes

.text {color:#f314f9;}

.background {background-color:#f314f9;}

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

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

#0d000e
```
#0d000e rgb(13,0,14)
```
#200121
```
#200121 rgb(32,1,33)
```
#330134
```
#330134 rgb(51,1,52)
```
#450247
```
#450247 rgb(69,2,71)
```
#58025a
```
#58025a rgb(88,2,90)
```
#6a036d
```
#6a036d rgb(106,3,109)
```
#7d0380
```
#7d0380 rgb(125,3,128)
```
#900494
```
#900494 rgb(144,4,148)
```
#a204a7
```
#a204a7 rgb(162,4,167)
```
#b505ba
```
#b505ba rgb(181,5,186)
```
#c805cd
```
#c805cd rgb(200,5,205)
```
#da06e0
```
#da06e0 rgb(218,6,224)
```
#ed06f3
```
#ed06f3 rgb(237,6,243)
```

Shade Color Variation

#f314f9
```
#f314f9 rgb(243,20,249)
```
#f427f9
```
#f427f9 rgb(244,39,249)
```
#f53afa
```
#f53afa rgb(245,58,250)
```
#f64dfa
```
#f64dfa rgb(246,77,250)
```
#f761fb
```
#f761fb rgb(247,97,251)
```
#f874fb
```
#f874fb rgb(248,116,251)
```
#f987fc
```
#f987fc rgb(249,135,252)
```
#fa9afc
```
#fa9afc rgb(250,154,252)
```
#fbadfd
```
#fbadfd rgb(251,173,253)
```
#fcc0fd
```
#fcc0fd rgb(252,192,253)
```
#fdd3fe
```
#fdd3fe rgb(253,211,254)
```
#fee6fe
```
#fee6fe rgb(254,230,254)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#8a838a
```
#8a838a rgb(138,131,138)
```
#927a93
```
#927a93 rgb(146,122,147)
```
#9b719c
```
#9b719c rgb(155,113,156)
```
#a467a6
```
#a467a6 rgb(164,103,166)
```
#ad5eaf
```
#ad5eaf rgb(173,94,175)
```
#b655b8
```
#b655b8 rgb(182,85,184)
```
#be4cc1
```
#be4cc1 rgb(190,76,193)
```
#c742cb
```
#c742cb rgb(199,66,203)
```
#d039d4
```
#d039d4 rgb(208,57,212)
```
#d930dd
```
#d930dd rgb(217,48,221)
```
#e127e6
```
#e127e6 rgb(225,39,230)
```
#ea1df0
```
#ea1df0 rgb(234,29,240)
```
#f314f9
```
#f314f9 rgb(243,20,249)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8b5e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8fff Protanopia 1% of men
#5e92e2 Deuteranopia 1% of men
#e26c73 Tritanopia 0.001% of the population

Trichromacy

#8b62fc Protanomaly 1% of men, 0.01% of women
#9464ea Deuteranomaly 6% of men, 0.4% of women
#e84ca3 Tritanomaly 0.01% of the population

#f314f9 hex color

#f314f9 Color Information

#f314f9 Color Conversion

Color Schemes with #f314f9

Alternatives to #f314f9

#f314f9 Preview

Shades and Tints of #f314f9

Tones of #f314f9

Color Blindness Simulator