#f315c2 hex color

In a RGB color space, hex #f315c2 is composed of 95.3% red, 8.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 20.2% yellow and 4.7% black. It has a hue angle of 313.2 degrees, a saturation of 90.2% and a lightness of 51.8%. #f315c2 color hex could be obtained by blending #ff2aff with #e70085. Closest websafe color is: #ff00cc.

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

● #f315c2 color description : Vivid magenta.

The hexadecimal color #f315c2 has RGB values of R:243, G:21, B:194 and CMYK values of C:0, M:0.91, Y:0.2, K:0.05. Its decimal value is 15930818.

Hex triplet	f315c2	`#f315c2`
RGB Decimal	243, 21, 194	`rgb(243,21,194)`
RGB Percent	95.3, 8.2, 76.1	`rgb(95.3%,8.2%,76.1%)`
CMYK	0, 91, 20, 5
HSL	313.2°, 90.2, 51.8	`hsl(313.2,90.2%,51.8%)`
HSV (or HSB)	313.2°, 91.4, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.574, 86.791, -34.019
XYZ	46.968, 23.49, 53.097
xyY	0.38, 0.19, 23.49
CIE-LCH	55.574, 93.22, 338.597
CIE-LUV	55.574, 100.046, -64.932
Hunter-Lab	48.467, 88.164, -31.027
Binary	11110011, 00010101, 11000010

#f315c2
```
#f315c2 rgb(243,21,194)
```
#15f346
```
#15f346 rgb(21,243,70)
```

Complementary Color

#b515f3
```
#b515f3 rgb(181,21,243)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#f31553
```
#f31553 rgb(243,21,83)
```

Analogous Color

#15f3b5
```
#15f3b5 rgb(21,243,181)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#53f315
```
#53f315 rgb(83,243,21)
```

Split Complementary Color

#15c2f3
```
#15c2f3 rgb(21,194,243)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#c2f315
```
#c2f315 rgb(194,243,21)
```

Triadic Color

#4615f3
```
#4615f3 rgb(70,21,243)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#c2f315
```
#c2f315 rgb(194,243,21)
```
#15f346
```
#15f346 rgb(21,243,70)
```

Tetradic Color

#b2098d
```
#b2098d rgb(178,9,141)
```
#cb0aa0
```
#cb0aa0 rgb(203,10,160)
```
#e30cb3
```
#e30cb3 rgb(227,12,179)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#f42dc8
```
#f42dc8 rgb(244,45,200)
```
#f546cf
```
#f546cf rgb(245,70,207)
```
#f75ed5
```
#f75ed5 rgb(247,94,213)
```

Monochromatic Color

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

#ed15f3
```
#ed15f3 rgb(237,21,243)
```
#f315e7
```
#f315e7 rgb(243,21,231)
```
#f315d5
```
#f315d5 rgb(243,21,213)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#f315b0
```
#f315b0 rgb(243,21,176)
```
#f3159d
```
#f3159d rgb(243,21,157)
```
#f3158b
```
#f3158b rgb(243,21,139)
```

Similar Colors

Text with hexadecimal color #f315c2

This text has a font color of #f315c2.

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

#f315c2 background color

This paragraph has a background color of #f315c2.

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

#f315c2 border color

This element has a border color of #f315c2.

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

CSS codes

.text {color:#f315c2;}

.background {background-color:#f315c2;}

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

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

#090007
```
#090007 rgb(9,0,7)
```
#1b0116
```
#1b0116 rgb(27,1,22)
```
#2e0224
```
#2e0224 rgb(46,2,36)
```
#410333
```
#410333 rgb(65,3,51)
```
#530442
```
#530442 rgb(83,4,66)
```
#660551
```
#660551 rgb(102,5,81)
```
#79065f
```
#79065f rgb(121,6,95)
```
#8b076e
```
#8b076e rgb(139,7,110)
```
#9e087d
```
#9e087d rgb(158,8,125)
```
#b0098c
```
#b0098c rgb(176,9,140)
```
#c30a9a
```
#c30a9a rgb(195,10,154)
```
#d60ba9
```
#d60ba9 rgb(214,11,169)
```
#e80cb8
```
#e80cb8 rgb(232,12,184)
```

Shade Color Variation

#f315c2
```
#f315c2 rgb(243,21,194)
```
#f428c7
```
#f428c7 rgb(244,40,199)
```
#f53acc
```
#f53acc rgb(245,58,204)
```
#f64dd1
```
#f64dd1 rgb(246,77,209)
```
#f760d5
```
#f760d5 rgb(247,96,213)
```
#f872da
```
#f872da rgb(248,114,218)
```
#f985df
```
#f985df rgb(249,133,223)
```
#fa98e4
```
#fa98e4 rgb(250,152,228)
```
#fbaae9
```
#fbaae9 rgb(251,170,233)
```
#fcbdee
```
#fcbdee rgb(252,189,238)
```
#fdd0f3
```
#fdd0f3 rgb(253,208,243)
```
#fee2f8
```
#fee2f8 rgb(254,226,248)
```
#fef5fc
```
#fef5fc rgb(254,245,252)
```

Tint Color Variation

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

#8b7d88
```
#8b7d88 rgb(139,125,136)
```
#94748d
```
#94748d rgb(148,116,141)
```
#9e6a92
```
#9e6a92 rgb(158,106,146)
```
#a76198
```
#a76198 rgb(167,97,152)
```
#b1579d
```
#b1579d rgb(177,87,157)
```
#ba4ea2
```
#ba4ea2 rgb(186,78,162)
```
#c444a8
```
#c444a8 rgb(196,68,168)
```
#cd3bad
```
#cd3bad rgb(205,59,173)
```
#d731b2
```
#d731b2 rgb(215,49,178)
```
#e028b7
```
#e028b7 rgb(224,40,183)
```
#ea1ebd
```
#ea1ebd rgb(234,30,189)
```
#f315c2
```
#f315c2 rgb(243,21,194)
```
#fc0cc7
```
#fc0cc7 rgb(252,12,199)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#865a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3987ff Protanopia 1% of men
#8189b2 Deuteranopia 1% of men
#ea575c Tritanopia 0.001% of the population

Trichromacy

#7c5de8 Protanomaly 1% of men, 0.01% of women
#aa5fb8 Deuteranomaly 6% of men, 0.4% of women
#ed3f81 Tritanomaly 0.01% of the population

#f315c2 hex color

#f315c2 Color Information

#f315c2 Color Conversion

Color Schemes with #f315c2

Alternatives to #f315c2

#f315c2 Preview

Shades and Tints of #f315c2

Tones of #f315c2

Color Blindness Simulator