colorhexa.com

#f22bfa hex color

In a RGB color space, hex #f22bfa is composed of 94.9% red, 16.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 82.8% magenta, 0% yellow and 2% black. It has a hue angle of 297.7 degrees, a saturation of 95.4% and a lightness of 57.5%. #f22bfa color hex could be obtained by blending #ff56ff with #e500f5. Closest websafe color is: #ff33ff.

- R 95
- G 17
- B 98
RGB color chart
- C 3
- M 83
- Y 0
- K 2
CMYK color chart

● #f22bfa color description : Bright magenta.

The hexadecimal color #f22bfa has RGB values of R:242, G:43, B:250 and CMYK values of C:0.03, M:0.83, Y:0, K:0.02. Its decimal value is 15870970.

Hex triplet	f22bfa	`#f22bfa`
RGB Decimal	242, 43, 250	`rgb(242,43,250)`
RGB Percent	94.9, 16.9, 98	`rgb(94.9%,16.9%,98%)`
CMYK	3, 83, 0, 2
HSL	297.7°, 95.4, 57.5	`hsl(297.7,95.4%,57.5%)`
HSV (or HSB)	297.7°, 82.8, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.444, 90.798, -59.592
XYZ	54.736, 27.511, 92.864
xyY	0.313, 0.157, 27.511
CIE-LCH	59.444, 108.607, 326.723
CIE-LUV	59.444, 73.919, -105.432
Hunter-Lab	52.451, 94.489, -68.258
Binary	11110010, 00101011, 11111010

#f22bfa
```
#f22bfa rgb(242,43,250)
```
#33fa2b
```
#33fa2b rgb(51,250,43)
```

Complementary Color

#8b2bfa
```
#8b2bfa rgb(139,43,250)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#fa2b9b
```
#fa2b9b rgb(250,43,155)
```

Analogous Color

#2bfa8b
```
#2bfa8b rgb(43,250,139)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#9bfa2b
```
#9bfa2b rgb(155,250,43)
```

Split Complementary Color

#2bfaf2
```
#2bfaf2 rgb(43,250,242)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#faf22b
```
#faf22b rgb(250,242,43)
```

Triadic Color

#2b33fa
```
#2b33fa rgb(43,51,250)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#faf22b
```
#faf22b rgb(250,242,43)
```
#33fa2b
```
#33fa2b rgb(51,250,43)
```

Tetradic Color

#cc05d4
```
#cc05d4 rgb(204,5,212)
```
#e406ec
```
#e406ec rgb(228,6,236)
```
#f012f9
```
#f012f9 rgb(240,18,249)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#f444fb
```
#f444fb rgb(244,68,251)
```
#f55dfb
```
#f55dfb rgb(245,93,251)
```
#f776fc
```
#f776fc rgb(247,118,252)
```

Monochromatic Color

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

#be2bfa
```
#be2bfa rgb(190,43,250)
```
#d02bfa
```
#d02bfa rgb(208,43,250)
```
#e12bfa
```
#e12bfa rgb(225,43,250)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#fa2bf1
```
#fa2bf1 rgb(250,43,241)
```
#fa2be0
```
#fa2be0 rgb(250,43,224)
```
#fa2bce
```
#fa2bce rgb(250,43,206)
```

Similar Colors

Text with hexadecimal color #f22bfa

This text has a font color of #f22bfa.

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

#f22bfa background color

This paragraph has a background color of #f22bfa.

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

#f22bfa border color

This element has a border color of #f22bfa.

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

CSS codes

.text {color:#f22bfa;}

.background {background-color:#f22bfa;}

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

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

#110012
```
#110012 rgb(17,0,18)
```
#240125
```
#240125 rgb(36,1,37)
```
#360138
```
#360138 rgb(54,1,56)
```
#49024b
```
#49024b rgb(73,2,75)
```
#5b025f
```
#5b025f rgb(91,2,95)
```
#6d0372
```
#6d0372 rgb(109,3,114)
```
#800385
```
#800385 rgb(128,3,133)
```
#920498
```
#920498 rgb(146,4,152)
```
#a504ab
```
#a504ab rgb(165,4,171)
```
#b704be
```
#b704be rgb(183,4,190)
```
#ca05d2
```
#ca05d2 rgb(202,5,210)
```
#dc05e5
```
#dc05e5 rgb(220,5,229)
```
#ef06f8
```
#ef06f8 rgb(239,6,248)
```

Shade Color Variation

#f118fa
```
#f118fa rgb(241,24,250)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```
#f33efa
```
#f33efa rgb(243,62,250)
```
#f451fb
```
#f451fb rgb(244,81,251)
```
#f664fb
```
#f664fb rgb(246,100,251)
```
#f778fc
```
#f778fc rgb(247,120,252)
```
#f88bfc
```
#f88bfc rgb(248,139,252)
```
#f99efd
```
#f99efd rgb(249,158,253)
```
#fab1fd
```
#fab1fd rgb(250,177,253)
```
#fbc4fe
```
#fbc4fe rgb(251,196,254)
```
#fdd7fe
```
#fdd7fe rgb(253,215,254)
```
#feebff
```
#feebff rgb(254,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#968f96
```
#968f96 rgb(150,143,150)
```
#9d879e
```
#9d879e rgb(157,135,158)
```
#a57ea7
```
#a57ea7 rgb(165,126,167)
```
#ad76af
```
#ad76af rgb(173,118,175)
```
#b46eb7
```
#b46eb7 rgb(180,110,183)
```
#bc65c0
```
#bc65c0 rgb(188,101,192)
```
#c45dc8
```
#c45dc8 rgb(196,93,200)
```
#cb55d0
```
#cb55d0 rgb(203,85,208)
```
#d34cd9
```
#d34cd9 rgb(211,76,217)
```
#db44e1
```
#db44e1 rgb(219,68,225)
```
#e33ce9
```
#e33ce9 rgb(227,60,233)
```
#ea33f2
```
#ea33f2 rgb(234,51,242)
```
#f22bfa
```
#f22bfa rgb(242,43,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#956d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5791ff Protanopia 1% of men
#6295e4 Deuteranopia 1% of men
#e27279 Tritanopia 0.001% of the population

Trichromacy

#8f6cfd Protanomaly 1% of men, 0.01% of women
#966eec Deuteranomaly 6% of men, 0.4% of women
#e758a8 Tritanomaly 0.01% of the population