#f228f7 hex color

In a RGB color space, hex #f228f7 is composed of 94.9% red, 15.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 83.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 298.6 degrees, a saturation of 92.8% and a lightness of 56.3%. #f228f7 color hex could be obtained by blending #ff50ff with #e500ef. Closest websafe color is: #ff33ff.

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

● #f228f7 color description : Bright magenta.

The hexadecimal color #f228f7 has RGB values of R:242, G:40, B:247 and CMYK values of C:0.02, M:0.84, Y:0, K:0.03. Its decimal value is 15870199.

Hex triplet	f228f7	`#f228f7`
RGB Decimal	242, 40, 247	`rgb(242,40,247)`
RGB Percent	94.9, 15.7, 96.9	`rgb(94.9%,15.7%,96.9%)`
CMYK	2, 84, 0, 3
HSL	298.6°, 92.8, 56.3	`hsl(298.6,92.8%,56.3%)`
HSV (or HSB)	298.6°, 83.8, 96.9
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.079, 90.916, -58.507
XYZ	54.164, 27.114, 90.371
xyY	0.316, 0.158, 27.114
CIE-LCH	59.079, 108.115, 327.237
CIE-LUV	59.079, 75.378, -103.656
Hunter-Lab	52.071, 94.551, -66.451
Binary	11110010, 00101000, 11110111

#f228f7
```
#f228f7 rgb(242,40,247)
```
#2df728
```
#2df728 rgb(45,247,40)
```

Complementary Color

#8b28f7
```
#8b28f7 rgb(139,40,247)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f72895
```
#f72895 rgb(247,40,149)
```

Analogous Color

#28f78b
```
#28f78b rgb(40,247,139)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#95f728
```
#95f728 rgb(149,247,40)
```

Split Complementary Color

#28f7f2
```
#28f7f2 rgb(40,247,242)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f7f228
```
#f7f228 rgb(247,242,40)
```

Triadic Color

#282df7
```
#282df7 rgb(40,45,247)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f7f228
```
#f7f228 rgb(247,242,40)
```
#2df728
```
#2df728 rgb(45,247,40)
```

Tetradic Color

#c608cb
```
#c608cb rgb(198,8,203)
```
#de08e4
```
#de08e4 rgb(222,8,228)
```
#f10ff6
```
#f10ff6 rgb(241,15,246)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f341f8
```
#f341f8 rgb(243,65,248)
```
#f559f9
```
#f559f9 rgb(245,89,249)
```
#f672fa
```
#f672fa rgb(246,114,250)
```

Monochromatic Color

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

#be28f7
```
#be28f7 rgb(190,40,247)
```
#d028f7
```
#d028f7 rgb(208,40,247)
```
#e128f7
```
#e128f7 rgb(225,40,247)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f728eb
```
#f728eb rgb(247,40,235)
```
#f728da
```
#f728da rgb(247,40,218)
```
#f728c8
```
#f728c8 rgb(247,40,200)
```

Similar Colors

Text with hexadecimal color #f228f7

This text has a font color of #f228f7.

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

#f228f7 background color

This paragraph has a background color of #f228f7.

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

#f228f7 border color

This element has a border color of #f228f7.

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

CSS codes

.text {color:#f228f7;}

.background {background-color:#f228f7;}

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

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

#0c000c
```
#0c000c rgb(12,0,12)
```
#1e011f
```
#1e011f rgb(30,1,31)
```
#310232
```
#310232 rgb(49,2,50)
```
#430345
```
#430345 rgb(67,3,69)
```
#560358
```
#560358 rgb(86,3,88)
```
#68046a
```
#68046a rgb(104,4,106)
```
#7a057d
```
#7a057d rgb(122,5,125)
```
#8d0590
```
#8d0590 rgb(141,5,144)
```
#9f06a3
```
#9f06a3 rgb(159,6,163)
```
#b207b6
```
#b207b6 rgb(178,7,182)
```
#c407c9
```
#c407c9 rgb(196,7,201)
```
#d708dc
```
#d708dc rgb(215,8,220)
```
#e909ef
```
#e909ef rgb(233,9,239)
```

Shade Color Variation

#f115f6
```
#f115f6 rgb(241,21,246)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```
#f33bf8
```
#f33bf8 rgb(243,59,248)
```
#f44ef8
```
#f44ef8 rgb(244,78,248)
```
#f561f9
```
#f561f9 rgb(245,97,249)
```
#f774fa
```
#f774fa rgb(247,116,250)
```
#f887fb
```
#f887fb rgb(248,135,251)
```
#f999fb
```
#f999fb rgb(249,153,251)
```
#faacfc
```
#faacfc rgb(250,172,252)
```
#fbbffd
```
#fbbffd rgb(251,191,253)
```
#fcd2fd
```
#fcd2fd rgb(252,210,253)
```
#fde5fe
```
#fde5fe rgb(253,229,254)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#908f90
```
#908f90 rgb(144,143,144)
```
#988699
```
#988699 rgb(152,134,153)
```
#a07ea1
```
#a07ea1 rgb(160,126,161)
```
#a975aa
```
#a975aa rgb(169,117,170)
```
#b16db2
```
#b16db2 rgb(177,109,178)
```
#b964bb
```
#b964bb rgb(185,100,187)
```
#c15bc4
```
#c15bc4 rgb(193,91,196)
```
#c953cc
```
#c953cc rgb(201,83,204)
```
#d14ad5
```
#d14ad5 rgb(209,74,213)
```
#da42dd
```
#da42dd rgb(218,66,221)
```
#e239e6
```
#e239e6 rgb(226,57,230)
```
#ea31ee
```
#ea31ee rgb(234,49,238)
```
#f228f7
```
#f228f7 rgb(242,40,247)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#946b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5490ff Protanopia 1% of men
#6494e1 Deuteranopia 1% of men
#e27077 Tritanopia 0.001% of the population

Trichromacy

#8d6afc Protanomaly 1% of men, 0.01% of women
#976ce9 Deuteranomaly 6% of men, 0.4% of women
#e855a5 Tritanomaly 0.01% of the population

#f228f7 hex color

#f228f7 Color Information

#f228f7 Color Conversion

Color Schemes with #f228f7

Alternatives to #f228f7

#f228f7 Preview

Shades and Tints of #f228f7

Tones of #f228f7

Color Blindness Simulator