#f814f9 hex color

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

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

● #f814f9 color description : Vivid magenta.

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

Hex triplet	f814f9	`#f814f9`
RGB Decimal	248, 20, 249	`rgb(248,20,249)`
RGB Percent	97.3, 7.8, 97.6	`rgb(97.3%,7.8%,97.6%)`
CMYK	0, 92, 0, 2
HSL	299.7°, 95, 52.7	`hsl(299.7,95%,52.7%)`
HSV (or HSB)	299.7°, 92, 97.6
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	59.251, 94.956, -59.289
XYZ	56.059, 27.3, 91.934
xyY	0.32, 0.156, 27.3
CIE-LCH	59.251, 111.945, 328.02
CIE-LUV	59.251, 80.589, -105.463
Hunter-Lab	52.25, 100.078, -67.747
Binary	11111000, 00010100, 11111001

#f814f9
```
#f814f9 rgb(248,20,249)
```
#15f914
```
#15f914 rgb(21,249,20)
```

Complementary Color

#8614f9
```
#8614f9 rgb(134,20,249)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#f91488
```
#f91488 rgb(249,20,136)
```

Analogous Color

#14f986
```
#14f986 rgb(20,249,134)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#88f914
```
#88f914 rgb(136,249,20)
```

Split Complementary Color

#14f9f8
```
#14f9f8 rgb(20,249,248)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#f9f814
```
#f9f814 rgb(249,248,20)
```

Triadic Color

#1415f9
```
#1415f9 rgb(20,21,249)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#f9f814
```
#f9f814 rgb(249,248,20)
```
#15f914
```
#15f914 rgb(21,249,20)
```

Tetradic Color

#bb05bc
```
#bb05bc rgb(187,5,188)
```
#d405d5
```
#d405d5 rgb(212,5,213)
```
#ec06ed
```
#ec06ed rgb(236,6,237)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#f92dfa
```
#f92dfa rgb(249,45,250)
```
#f946fa
```
#f946fa rgb(249,70,250)
```
#fa5ffb
```
#fa5ffb rgb(250,95,251)
```

Monochromatic Color

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

#bf14f9
```
#bf14f9 rgb(191,20,249)
```
#d214f9
```
#d214f9 rgb(210,20,249)
```
#e514f9
```
#e514f9 rgb(229,20,249)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```
#f914e7
```
#f914e7 rgb(249,20,231)
```
#f914d4
```
#f914d4 rgb(249,20,212)
```
#f914c1
```
#f914c1 rgb(249,20,193)
```

Similar Colors

Text with hexadecimal color #f814f9

This text has a font color of #f814f9.

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

#f814f9 background color

This paragraph has a background color of #f814f9.

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

#f814f9 border color

This element has a border color of #f814f9.

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

CSS codes

.text {color:#f814f9;}

.background {background-color:#f814f9;}

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

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

#0e000e
```
#0e000e rgb(14,0,14)
```
#210121
```
#210121 rgb(33,1,33)
```
#340134
```
#340134 rgb(52,1,52)
```
#470247
```
#470247 rgb(71,2,71)
```
#5a025a
```
#5a025a rgb(90,2,90)
```
#6d036d
```
#6d036d rgb(109,3,109)
```
#800380
```
#800380 rgb(128,3,128)
```
#930494
```
#930494 rgb(147,4,148)
```
#a604a7
```
#a604a7 rgb(166,4,167)
```
#b905ba
```
#b905ba rgb(185,5,186)
```
#cc05cd
```
#cc05cd rgb(204,5,205)
```
#df06e0
```
#df06e0 rgb(223,6,224)
```
#f206f3
```
#f206f3 rgb(242,6,243)
```

Shade Color Variation

#f814f9
```
#f814f9 rgb(248,20,249)
```
#f927f9
```
#f927f9 rgb(249,39,249)
```
#f93afa
```
#f93afa rgb(249,58,250)
```
#fa4dfa
```
#fa4dfa rgb(250,77,250)
```
#fa61fb
```
#fa61fb rgb(250,97,251)
```
#fb74fb
```
#fb74fb rgb(251,116,251)
```
#fb87fc
```
#fb87fc rgb(251,135,252)
```
#fc9afc
```
#fc9afc rgb(252,154,252)
```
#fdadfd
```
#fdadfd rgb(253,173,253)
```
#fdc0fd
```
#fdc0fd rgb(253,192,253)
```
#fed3fe
```
#fed3fe rgb(254,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 #f814f9 is the most saturated one.

#8a838a
```
#8a838a rgb(138,131,138)
```
#937a93
```
#937a93 rgb(147,122,147)
```
#9c719c
```
#9c719c rgb(156,113,156)
```
#a567a6
```
#a567a6 rgb(165,103,166)
```
#ae5eaf
```
#ae5eaf rgb(174,94,175)
```
#b855b8
```
#b855b8 rgb(184,85,184)
```
#c14cc1
```
#c14cc1 rgb(193,76,193)
```
#ca42cb
```
#ca42cb rgb(202,66,203)
```
#d339d4
```
#d339d4 rgb(211,57,212)
```
#dc30dd
```
#dc30dd rgb(220,48,221)
```
#e627e6
```
#e627e6 rgb(230,39,230)
```
#ef1df0
```
#ef1df0 rgb(239,29,240)
```
#f814f9
```
#f814f9 rgb(248,20,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8d5f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5591ff Protanopia 1% of men
#6494e2 Deuteranopia 1% of men
#e86c73 Tritanopia 0.001% of the population

Trichromacy

#9063fc Protanomaly 1% of men, 0.01% of women
#9a65ea Deuteranomaly 6% of men, 0.4% of women
#ed4ca3 Tritanomaly 0.01% of the population

#f814f9 hex color

#f814f9 Color Information

#f814f9 Color Conversion

Color Schemes with #f814f9

Alternatives to #f814f9

#f814f9 Preview

Shades and Tints of #f814f9

Tones of #f814f9

Color Blindness Simulator