#f514c4 hex color

In a RGB color space, hex #f514c4 is composed of 96.1% red, 7.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 20% yellow and 3.9% black. It has a hue angle of 313.1 degrees, a saturation of 91.8% and a lightness of 52%. #f514c4 color hex could be obtained by blending #ff28ff with #eb0089. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 8
- B 77
RGB color chart
- C 0
- M 92
- Y 20
- K 4
CMYK color chart

● #f514c4 color description : Vivid magenta.

The hexadecimal color #f514c4 has RGB values of R:245, G:20, B:196 and CMYK values of C:0, M:0.92, Y:0.2, K:0.04. Its decimal value is 16061636.

Hex triplet	f514c4	`#f514c4`
RGB Decimal	245, 20, 196	`rgb(245,20,196)`
RGB Percent	96.1, 7.8, 76.9	`rgb(96.1%,7.8%,76.9%)`
CMYK	0, 92, 20, 4
HSL	313.1°, 91.8, 52	`hsl(313.1,91.8%,52%)`
HSV (or HSB)	313.1°, 91.8, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.99, 87.511, -34.495
XYZ	47.87, 23.903, 54.314
xyY	0.38, 0.19, 23.903
CIE-LCH	55.99, 94.064, 338.486
CIE-LUV	55.99, 100.792, -65.87
Hunter-Lab	48.89, 89.218, -31.644
Binary	11110101, 00010100, 11000100

#f514c4
```
#f514c4 rgb(245,20,196)
```
#14f545
```
#14f545 rgb(20,245,69)
```

Complementary Color

#b614f5
```
#b614f5 rgb(182,20,245)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#f51454
```
#f51454 rgb(245,20,84)
```

Analogous Color

#14f5b6
```
#14f5b6 rgb(20,245,182)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#54f514
```
#54f514 rgb(84,245,20)
```

Split Complementary Color

#14c4f5
```
#14c4f5 rgb(20,196,245)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#c4f514
```
#c4f514 rgb(196,245,20)
```

Triadic Color

#4514f5
```
#4514f5 rgb(69,20,245)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#c4f514
```
#c4f514 rgb(196,245,20)
```
#14f545
```
#14f545 rgb(20,245,69)
```

Tetradic Color

#b5088f
```
#b5088f rgb(181,8,143)
```
#cd09a2
```
#cd09a2 rgb(205,9,162)
```
#e60ab6
```
#e60ab6 rgb(230,10,182)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#f62cca
```
#f62cca rgb(246,44,202)
```
#f745d0
```
#f745d0 rgb(247,69,208)
```
#f85dd6
```
#f85dd6 rgb(248,93,214)
```

Monochromatic Color

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

#ee14f5
```
#ee14f5 rgb(238,20,245)
```
#f514ea
```
#f514ea rgb(245,20,234)
```
#f514d7
```
#f514d7 rgb(245,20,215)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#f514b1
```
#f514b1 rgb(245,20,177)
```
#f5149f
```
#f5149f rgb(245,20,159)
```
#f5148c
```
#f5148c rgb(245,20,140)
```

Similar Colors

Text with hexadecimal color #f514c4

This text has a font color of #f514c4.

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

#f514c4 background color

This paragraph has a background color of #f514c4.

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

#f514c4 border color

This element has a border color of #f514c4.

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

CSS codes

.text {color:#f514c4;}

.background {background-color:#f514c4;}

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

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

#0a0008
```
#0a0008 rgb(10,0,8)
```
#1c0116
```
#1c0116 rgb(28,1,22)
```
#2f0225
```
#2f0225 rgb(47,2,37)
```
#420334
```
#420334 rgb(66,3,52)
```
#550443
```
#550443 rgb(85,4,67)
```
#680452
```
#680452 rgb(104,4,82)
```
#7a0561
```
#7a0561 rgb(122,5,97)
```
#8d0670
```
#8d0670 rgb(141,6,112)
```
#a0077f
```
#a0077f rgb(160,7,127)
```
#b3088e
```
#b3088e rgb(179,8,142)
```
#c6089d
```
#c6089d rgb(198,8,157)
```
#d909ab
```
#d909ab rgb(217,9,171)
```
#eb0aba
```
#eb0aba rgb(235,10,186)
```

Shade Color Variation

#f514c4
```
#f514c4 rgb(245,20,196)
```
#f627c9
```
#f627c9 rgb(246,39,201)
```
#f73acd
```
#f73acd rgb(247,58,205)
```
#f74cd2
```
#f74cd2 rgb(247,76,210)
```
#f85fd7
```
#f85fd7 rgb(248,95,215)
```
#f972dc
```
#f972dc rgb(249,114,220)
```
#fa85e0
```
#fa85e0 rgb(250,133,224)
```
#fb98e5
```
#fb98e5 rgb(251,152,229)
```
#fbabea
```
#fbabea rgb(251,171,234)
```
#fcbdef
```
#fcbdef rgb(252,189,239)
```
#fdd0f3
```
#fdd0f3 rgb(253,208,243)
```
#fee3f8
```
#fee3f8 rgb(254,227,248)
```
#fff6fd
```
#fff6fd rgb(255,246,253)
```

Tint Color Variation

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

#8d7c89
```
#8d7c89 rgb(141,124,137)
```
#97728f
```
#97728f rgb(151,114,143)
```
#a06994
```
#a06994 rgb(160,105,148)
```
#aa5f99
```
#aa5f99 rgb(170,95,153)
```
#b3569f
```
#b3569f rgb(179,86,159)
```
#bc4da4
```
#bc4da4 rgb(188,77,164)
```
#c643a9
```
#c643a9 rgb(198,67,169)
```
#cf3aaf
```
#cf3aaf rgb(207,58,175)
```
#d930b4
```
#d930b4 rgb(217,48,180)
```
#e227b9
```
#e227b9 rgb(226,39,185)
```
#ec1dbf
```
#ec1dbf rgb(236,29,191)
```
#f514c4
```
#f514c4 rgb(245,20,196)
```
#fe0bc9
```
#fe0bc9 rgb(254,11,201)
```

Tone Color Variation

Below, you can see how #f514c4 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
#875a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#828ab4 Deuteranopia 1% of men
#ec585c Tritanopia 0.001% of the population

Trichromacy

#805ee9 Protanomaly 1% of men, 0.01% of women
#ac5fba Deuteranomaly 6% of men, 0.4% of women
#ef3f82 Tritanomaly 0.01% of the population

#f514c4 hex color

#f514c4 Color Information

#f514c4 Color Conversion

Color Schemes with #f514c4

Alternatives to #f514c4

#f514c4 Preview

Shades and Tints of #f514c4

Tones of #f514c4

Color Blindness Simulator