#f214ff hex color

In a RGB color space, hex #f214ff is composed of 94.9% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 296.7 degrees, a saturation of 100% and a lightness of 53.9%. #f214ff color hex could be obtained by blending #ff28ff with #e500ff. Closest websafe color is: #ff00ff.

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

● #f214ff color description : Vivid magenta.

The hexadecimal color #f214ff has RGB values of R:242, G:20, B:255 and CMYK values of C:0.05, M:0.92, Y:0, K:0. Its decimal value is 15865087.

Hex triplet	f214ff	`#f214ff`
RGB Decimal	242, 20, 255	`rgb(242,20,255)`
RGB Percent	94.9, 7.8, 100	`rgb(94.9%,7.8%,100%)`
CMYK	5, 92, 0, 0
HSL	296.7°, 100, 53.9	`hsl(296.7,100%,53.9%)`
HSV (or HSB)	296.7°, 92.2, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.603, 94.88, -63.713
XYZ	54.917, 26.601, 96.844
xyY	0.308, 0.149, 26.601
CIE-LCH	58.603, 114.287, 326.118
CIE-LUV	58.603, 74.071, -111.801
Hunter-Lab	51.576, 99.802, -75.225
Binary	11110010, 00010100, 11111111

#f214ff
```
#f214ff rgb(242,20,255)
```
#21ff14
```
#21ff14 rgb(33,255,20)
```

Complementary Color

#7d14ff
```
#7d14ff rgb(125,20,255)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#ff1497
```
#ff1497 rgb(255,20,151)
```

Analogous Color

#14ff7d
```
#14ff7d rgb(20,255,125)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#97ff14
```
#97ff14 rgb(151,255,20)
```

Split Complementary Color

#14fff2
```
#14fff2 rgb(20,255,242)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#fff214
```
#fff214 rgb(255,242,20)
```

Triadic Color

#1421ff
```
#1421ff rgb(20,33,255)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#fff214
```
#fff214 rgb(255,242,20)
```
#21ff14
```
#21ff14 rgb(33,255,20)
```

Tetradic Color

#bc00c7
```
#bc00c7 rgb(188,0,199)
```
#d400e0
```
#d400e0 rgb(212,0,224)
```
#ec00fa
```
#ec00fa rgb(236,0,250)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#f32eff
```
#f32eff rgb(243,46,255)
```
#f547ff
```
#f547ff rgb(245,71,255)
```
#f661ff
```
#f661ff rgb(246,97,255)
```

Monochromatic Color

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

#b714ff
```
#b714ff rgb(183,20,255)
```
#cb14ff
```
#cb14ff rgb(203,20,255)
```
#de14ff
```
#de14ff rgb(222,20,255)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#ff14f8
```
#ff14f8 rgb(255,20,248)
```
#ff14e5
```
#ff14e5 rgb(255,20,229)
```
#ff14d1
```
#ff14d1 rgb(255,20,209)
```

Similar Colors

Text with hexadecimal color #f214ff

This text has a font color of #f214ff.

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

#f214ff background color

This paragraph has a background color of #f214ff.

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

#f214ff border color

This element has a border color of #f214ff.

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

CSS codes

.text {color:#f214ff;}

.background {background-color:#f214ff;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130014
```
#130014 rgb(19,0,20)
```
#250028
```
#250028 rgb(37,0,40)
```
#38003b
```
#38003b rgb(56,0,59)
```
#4a004f
```
#4a004f rgb(74,0,79)
```
#5d0062
```
#5d0062 rgb(93,0,98)
```
#700076
```
#700076 rgb(112,0,118)
```
#82008a
```
#82008a rgb(130,0,138)
```
#95009d
```
#95009d rgb(149,0,157)
```
#a700b1
```
#a700b1 rgb(167,0,177)
```
#ba00c5
```
#ba00c5 rgb(186,0,197)
```
#cc00d8
```
#cc00d8 rgb(204,0,216)
```
#df00ec
```
#df00ec rgb(223,0,236)
```

Shade Color Variation

#f100ff
```
#f100ff rgb(241,0,255)
```
#f214ff
```
#f214ff rgb(242,20,255)
```
#f328ff
```
#f328ff rgb(243,40,255)
```
#f43bff
```
#f43bff rgb(244,59,255)
```
#f54fff
```
#f54fff rgb(245,79,255)
```
#f662ff
```
#f662ff rgb(246,98,255)
```
#f776ff
```
#f776ff rgb(247,118,255)
```
#f98aff
```
#f98aff rgb(249,138,255)
```
#fa9dff
```
#fa9dff rgb(250,157,255)
```
#fbb1ff
```
#fbb1ff rgb(251,177,255)
```
#fcc5ff
```
#fcc5ff rgb(252,197,255)
```
#fdd8ff
```
#fdd8ff rgb(253,216,255)
```
#feecff
```
#feecff rgb(254,236,255)
```

Tint Color Variation

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

#928093
```
#928093 rgb(146,128,147)
```
#9a779c
```
#9a779c rgb(154,119,156)
```
#a26ea5
```
#a26ea5 rgb(162,110,165)
```
#aa65ae
```
#aa65ae rgb(170,101,174)
```
#b25cb7
```
#b25cb7 rgb(178,92,183)
```
#ba53c0
```
#ba53c0 rgb(186,83,192)
```
#c24ac9
```
#c24ac9 rgb(194,74,201)
```
#ca41d2
```
#ca41d2 rgb(202,65,210)
```
#d238db
```
#d238db rgb(210,56,219)
```
#da2fe4
```
#da2fe4 rgb(218,47,228)
```
#e226ed
```
#e226ed rgb(226,38,237)
```
#ea1df6
```
#ea1df6 rgb(234,29,246)
```
#f214ff
```
#f214ff rgb(242,20,255)
```

Tone Color Variation

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

Dichromacy

#518fff Protanopia 1% of men
#5693e7 Deuteranopia 1% of men
#e06f76 Tritanopia 0.001% of the population

Trichromacy

#8b62ff Protanomaly 1% of men, 0.01% of women
#8f65ef Deuteranomaly 6% of men, 0.4% of women
#e74da7 Tritanomaly 0.01% of the population

#f214ff hex color

#f214ff Color Information

#f214ff Color Conversion

Color Schemes with #f214ff

Alternatives to #f214ff

#f214ff Preview

Shades and Tints of #f214ff

Tones of #f214ff

Color Blindness Simulator