#f415f2 hex color

In a RGB color space, hex #f415f2 is composed of 95.7% red, 8.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 0.8% yellow and 4.3% black. It has a hue angle of 300.5 degrees, a saturation of 91% and a lightness of 52%. #f415f2 color hex could be obtained by blending #ff2aff with #e900e5. Closest websafe color is: #ff00ff.

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

● #f415f2 color description : Vivid magenta.

The hexadecimal color #f415f2 has RGB values of R:244, G:21, B:242 and CMYK values of C:0, M:0.91, Y:0.01, K:0.04. Its decimal value is 15996402.

Hex triplet	f415f2	`#f415f2`
RGB Decimal	244, 21, 242	`rgb(244,21,242)`
RGB Percent	95.7, 8.2, 94.9	`rgb(95.7%,8.2%,94.9%)`
CMYK	0, 91, 1, 4
HSL	300.5°, 91, 52	`hsl(300.5,91%,52%)`
HSV (or HSB)	300.5°, 91.4, 95.7
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.211, 93.221, -57.089
XYZ	53.602, 26.184, 86.23
xyY	0.323, 0.158, 26.184
CIE-LCH	58.211, 109.312, 328.517
CIE-LUV	58.211, 80.415, -101.478
Hunter-Lab	51.17, 97.436, -64.094
Binary	11110100, 00010101, 11110010

#f415f2
```
#f415f2 rgb(244,21,242)
```
#15f417
```
#15f417 rgb(21,244,23)
```

Complementary Color

#8715f4
```
#8715f4 rgb(135,21,244)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#f41583
```
#f41583 rgb(244,21,131)
```

Analogous Color

#15f487
```
#15f487 rgb(21,244,135)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#83f415
```
#83f415 rgb(131,244,21)
```

Split Complementary Color

#15f2f4
```
#15f2f4 rgb(21,242,244)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#f2f415
```
#f2f415 rgb(242,244,21)
```

Triadic Color

#1715f4
```
#1715f4 rgb(23,21,244)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#f2f415
```
#f2f415 rgb(242,244,21)
```
#15f417
```
#15f417 rgb(21,244,23)
```

Tetradic Color

#b408b2
```
#b408b2 rgb(180,8,178)
```
#cc0acb
```
#cc0acb rgb(204,10,203)
```
#e50be3
```
#e50be3 rgb(229,11,227)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#f52df3
```
#f52df3 rgb(245,45,243)
```
#f646f5
```
#f646f5 rgb(246,70,245)
```
#f75ef6
```
#f75ef6 rgb(247,94,246)
```

Monochromatic Color

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

#be15f4
```
#be15f4 rgb(190,21,244)
```
#d115f4
```
#d115f4 rgb(209,21,244)
```
#e315f4
```
#e315f4 rgb(227,21,244)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#f415df
```
#f415df rgb(244,21,223)
```
#f415cd
```
#f415cd rgb(244,21,205)
```
#f415ba
```
#f415ba rgb(244,21,186)
```

Similar Colors

Text with hexadecimal color #f415f2

This text has a font color of #f415f2.

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

#f415f2 background color

This paragraph has a background color of #f415f2.

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

#f415f2 border color

This element has a border color of #f415f2.

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

CSS codes

.text {color:#f415f2;}

.background {background-color:#f415f2;}

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

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

#0a0009
```
#0a0009 rgb(10,0,9)
```
#1c011c
```
#1c011c rgb(28,1,28)
```
#2f022f
```
#2f022f rgb(47,2,47)
```
#420341
```
#420341 rgb(66,3,65)
```
#540454
```
#540454 rgb(84,4,84)
```
#670566
```
#670566 rgb(103,5,102)
```
#7a0679
```
#7a0679 rgb(122,6,121)
```
#8d078b
```
#8d078b rgb(141,7,139)
```
#9f079e
```
#9f079e rgb(159,7,158)
```
#b208b1
```
#b208b1 rgb(178,8,177)
```
#c509c3
```
#c509c3 rgb(197,9,195)
```
#d80ad6
```
#d80ad6 rgb(216,10,214)
```
#ea0be8
```
#ea0be8 rgb(234,11,232)
```

Shade Color Variation

#f415f2
```
#f415f2 rgb(244,21,242)
```
#f528f3
```
#f528f3 rgb(245,40,243)
```
#f63af4
```
#f63af4 rgb(246,58,244)
```
#f74df5
```
#f74df5 rgb(247,77,245)
```
#f860f6
```
#f860f6 rgb(248,96,246)
```
#f873f7
```
#f873f7 rgb(248,115,247)
```
#f985f8
```
#f985f8 rgb(249,133,248)
```
#fa98f9
```
#fa98f9 rgb(250,152,249)
```
#fbabfa
```
#fbabfa rgb(251,171,250)
```
#fcbefb
```
#fcbefb rgb(252,190,251)
```
#fdd0fc
```
#fdd0fc rgb(253,208,252)
```
#fee3fd
```
#fee3fd rgb(254,227,253)
```
#fff6fe
```
#fff6fe rgb(255,246,254)
```

Tint Color Variation

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

#8c7d8c
```
#8c7d8c rgb(140,125,140)
```
#967395
```
#967395 rgb(150,115,149)
```
#9f6a9f
```
#9f6a9f rgb(159,106,159)
```
#a960a8
```
#a960a8 rgb(169,96,168)
```
#b257b1
```
#b257b1 rgb(178,87,177)
```
#bb4eba
```
#bb4eba rgb(187,78,186)
```
#c544c4
```
#c544c4 rgb(197,68,196)
```
#ce3bcd
```
#ce3bcd rgb(206,59,205)
```
#d831d6
```
#d831d6 rgb(216,49,214)
```
#e128df
```
#e128df rgb(225,40,223)
```
#eb1ee9
```
#eb1ee9 rgb(235,30,233)
```
#f415f2
```
#f415f2 rgb(244,21,242)
```
#fd0cfb
```
#fd0cfb rgb(253,12,251)
```

Tone Color Variation

Below, you can see how #f415f2 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
#8b5f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#6592dc Deuteranopia 1% of men
#e56a70 Tritanopia 0.001% of the population

Trichromacy

#8a62fa Protanomaly 1% of men, 0.01% of women
#9964e4 Deuteranomaly 6% of men, 0.4% of women
#ea4b9f Tritanomaly 0.01% of the population

#f415f2 hex color

#f415f2 Color Information

#f415f2 Color Conversion

Color Schemes with #f415f2

Alternatives to #f415f2

#f415f2 Preview

Shades and Tints of #f415f2

Tones of #f415f2

Color Blindness Simulator