#f228fe hex color

In a RGB color space, hex #f228fe is composed of 94.9% red, 15.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 84.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.6 degrees, a saturation of 99.1% and a lightness of 57.6%. #f228fe color hex could be obtained by blending #ff50ff with #e500fd. Closest websafe color is: #ff33ff.

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

● #f228fe color description : Bright magenta.

The hexadecimal color #f228fe has RGB values of R:242, G:40, B:254 and CMYK values of C:0.05, M:0.84, Y:0, K:0. Its decimal value is 15870206.

Hex triplet	f228fe	`#f228fe`
RGB Decimal	242, 40, 254	`rgb(242,40,254)`
RGB Percent	94.9, 15.7, 99.6	`rgb(94.9%,15.7%,99.6%)`
CMYK	5, 84, 0, 0
HSL	296.6°, 99.1, 57.6	`hsl(296.6,99.1%,57.6%)`
HSV (or HSB)	296.6°, 84.3, 99.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.484, 91.963, -61.746
XYZ	55.265, 27.554, 96.168
xyY	0.309, 0.154, 27.554
CIE-LCH	59.484, 110.769, 326.122
CIE-LUV	59.484, 72.804, -108.863
Hunter-Lab	52.492, 96.068, -71.878
Binary	11110010, 00101000, 11111110

#f228fe
```
#f228fe rgb(242,40,254)
```
#34fe28
```
#34fe28 rgb(52,254,40)
```

Complementary Color

#8728fe
```
#8728fe rgb(135,40,254)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#fe289f
```
#fe289f rgb(254,40,159)
```

Analogous Color

#28fe87
```
#28fe87 rgb(40,254,135)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#9ffe28
```
#9ffe28 rgb(159,254,40)
```

Split Complementary Color

#28fef2
```
#28fef2 rgb(40,254,242)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#fef228
```
#fef228 rgb(254,242,40)
```

Triadic Color

#2834fe
```
#2834fe rgb(40,52,254)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#fef228
```
#fef228 rgb(254,242,40)
```
#34fe28
```
#34fe28 rgb(52,254,40)
```

Tetradic Color

#cc01d8
```
#cc01d8 rgb(204,1,216)
```
#e401f2
```
#e401f2 rgb(228,1,242)
```
#f00ffe
```
#f00ffe rgb(240,15,254)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#f441fe
```
#f441fe rgb(244,65,254)
```
#f55bfe
```
#f55bfe rgb(245,91,254)
```
#f774fe
```
#f774fe rgb(247,116,254)
```

Monochromatic Color

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

#bd28fe
```
#bd28fe rgb(189,40,254)
```
#ce28fe
```
#ce28fe rgb(206,40,254)
```
#e028fe
```
#e028fe rgb(224,40,254)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#fe28f8
```
#fe28f8 rgb(254,40,248)
```
#fe28e6
```
#fe28e6 rgb(254,40,230)
```
#fe28d5
```
#fe28d5 rgb(254,40,213)
```

Similar Colors

Text with hexadecimal color #f228fe

This text has a font color of #f228fe.

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

#f228fe background color

This paragraph has a background color of #f228fe.

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

#f228fe border color

This element has a border color of #f228fe.

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

CSS codes

.text {color:#f228fe;}

.background {background-color:#f228fe;}

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

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

#120013
```
#120013 rgb(18,0,19)
```
#250027
```
#250027 rgb(37,0,39)
```
#37003a
```
#37003a rgb(55,0,58)
```
#4a004e
```
#4a004e rgb(74,0,78)
```
#5c0061
```
#5c0061 rgb(92,0,97)
```
#6e0175
```
#6e0175 rgb(110,1,117)
```
#810188
```
#810188 rgb(129,1,136)
```
#93019c
```
#93019c rgb(147,1,156)
```
#a601af
```
#a601af rgb(166,1,175)
```
#b801c3
```
#b801c3 rgb(184,1,195)
```
#cb01d7
```
#cb01d7 rgb(203,1,215)
```
#dd01ea
```
#dd01ea rgb(221,1,234)
```
#ef01fe
```
#ef01fe rgb(239,1,254)
```

Shade Color Variation

#f114fe
```
#f114fe rgb(241,20,254)
```
#f228fe
```
#f228fe rgb(242,40,254)
```
#f33cfe
```
#f33cfe rgb(243,60,254)
```
#f44ffe
```
#f44ffe rgb(244,79,254)
```
#f663fe
```
#f663fe rgb(246,99,254)
```
#f776fe
```
#f776fe rgb(247,118,254)
```
#f88afe
```
#f88afe rgb(248,138,254)
```
#f99dff
```
#f99dff rgb(249,157,255)
```
#fab1ff
```
#fab1ff rgb(250,177,255)
```
#fbc4ff
```
#fbc4ff rgb(251,196,255)
```
#fdd8ff
```
#fdd8ff rgb(253,216,255)
```
#feebff
```
#feebff rgb(254,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#998c9a
```
#998c9a rgb(153,140,154)
```
#a183a3
```
#a183a3 rgb(161,131,163)
```
#a87bab
```
#a87bab rgb(168,123,171)
```
#b073b3
```
#b073b3 rgb(176,115,179)
```
#b76abc
```
#b76abc rgb(183,106,188)
```
#be62c4
```
#be62c4 rgb(190,98,196)
```
#c65acc
```
#c65acc rgb(198,90,204)
```
#cd52d4
```
#cd52d4 rgb(205,82,212)
```
#d449dd
```
#d449dd rgb(212,73,221)
```
#dc41e5
```
#dc41e5 rgb(220,65,229)
```
#e339ed
```
#e339ed rgb(227,57,237)
```
#eb30f6
```
#eb30f6 rgb(235,48,246)
```
#f228fe
```
#f228fe rgb(242,40,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#946c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5791ff Protanopia 1% of men
#5d95e7 Deuteranopia 1% of men
#e17279 Tritanopia 0.001% of the population

Trichromacy

#8f6bfe Protanomaly 1% of men, 0.01% of women
#936def Deuteranomaly 6% of men, 0.4% of women
#e757a9 Tritanomaly 0.01% of the population

#f228fe hex color

#f228fe Color Information

#f228fe Color Conversion

Color Schemes with #f228fe

Alternatives to #f228fe

#f228fe Preview

Shades and Tints of #f228fe

Tones of #f228fe

Color Blindness Simulator