#f22bcf hex color

In a RGB color space, hex #f22bcf is composed of 94.9% red, 16.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 14.5% yellow and 5.1% black. It has a hue angle of 310.6 degrees, a saturation of 88.4% and a lightness of 55.9%. #f22bcf color hex could be obtained by blending #ff56ff with #e5009f. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 17
- B 81
RGB color chart
- C 0
- M 82
- Y 14
- K 5
CMYK color chart

● #f22bcf color description : Bright magenta.

The hexadecimal color #f22bcf has RGB values of R:242, G:43, B:207 and CMYK values of C:0, M:0.82, Y:0.14, K:0.05. Its decimal value is 15870927.

Hex triplet	f22bcf	`#f22bcf`
RGB Decimal	242, 43, 207	`rgb(242,43,207)`
RGB Percent	94.9, 16.9, 81.2	`rgb(94.9%,16.9%,81.2%)`
CMYK	0, 82, 14, 5
HSL	310.6°, 88.4, 55.9	`hsl(310.6,88.4%,55.9%)`
HSV (or HSB)	310.6°, 82.2, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.186, 84.761, -38.969
XYZ	48.744, 25.114, 61.308
xyY	0.361, 0.186, 25.114
CIE-LCH	57.186, 93.29, 335.31
CIE-LUV	57.186, 90.786, -72.428
Hunter-Lab	50.114, 85.922, -37.455
Binary	11110010, 00101011, 11001111

#f22bcf
```
#f22bcf rgb(242,43,207)
```
#2bf24e
```
#2bf24e rgb(43,242,78)
```

Complementary Color

#b22bf2
```
#b22bf2 rgb(178,43,242)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#f22b6c
```
#f22b6c rgb(242,43,108)
```

Analogous Color

#2bf2b2
```
#2bf2b2 rgb(43,242,178)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#6cf22b
```
#6cf22b rgb(108,242,43)
```

Split Complementary Color

#2bcff2
```
#2bcff2 rgb(43,207,242)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#cff22b
```
#cff22b rgb(207,242,43)
```

Triadic Color

#4e2bf2
```
#4e2bf2 rgb(78,43,242)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#cff22b
```
#cff22b rgb(207,242,43)
```
#2bf24e
```
#2bf24e rgb(43,242,78)
```

Tetradic Color

#c40ca4
```
#c40ca4 rgb(196,12,164)
```
#dc0eb8
```
#dc0eb8 rgb(220,14,184)
```
#f113ca
```
#f113ca rgb(241,19,202)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#f343d4
```
#f343d4 rgb(243,67,212)
```
#f55bda
```
#f55bda rgb(245,91,218)
```
#f673df
```
#f673df rgb(246,115,223)
```

Monochromatic Color

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

#e32bf2
```
#e32bf2 rgb(227,43,242)
```
#f22bf0
```
#f22bf0 rgb(242,43,240)
```
#f22be0
```
#f22be0 rgb(242,43,224)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#f22bbe
```
#f22bbe rgb(242,43,190)
```
#f22bae
```
#f22bae rgb(242,43,174)
```
#f22b9d
```
#f22b9d rgb(242,43,157)
```

Similar Colors

Text with hexadecimal color #f22bcf

This text has a font color of #f22bcf.

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

#f22bcf background color

This paragraph has a background color of #f22bcf.

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

#f22bcf border color

This element has a border color of #f22bcf.

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

CSS codes

.text {color:#f22bcf;}

.background {background-color:#f22bcf;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1c0218
```
#1c0218 rgb(28,2,24)
```
#2f0327
```
#2f0327 rgb(47,3,39)
```
#410436
```
#410436 rgb(65,4,54)
```
#540546
```
#540546 rgb(84,5,70)
```
#660655
```
#660655 rgb(102,6,85)
```
#790765
```
#790765 rgb(121,7,101)
```
#8b0974
```
#8b0974 rgb(139,9,116)
```
#9e0a84
```
#9e0a84 rgb(158,10,132)
```
#b00b93
```
#b00b93 rgb(176,11,147)
```
#c30ca2
```
#c30ca2 rgb(195,12,162)
```
#d50db2
```
#d50db2 rgb(213,13,178)
```
#e80ec1
```
#e80ec1 rgb(232,14,193)
```

Shade Color Variation

#f119cb
```
#f119cb rgb(241,25,203)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#f33dd3
```
#f33dd3 rgb(243,61,211)
```
#f450d7
```
#f450d7 rgb(244,80,215)
```
#f562dc
```
#f562dc rgb(245,98,220)
```
#f775e0
```
#f775e0 rgb(247,117,224)
```
#f887e4
```
#f887e4 rgb(248,135,228)
```
#f99ae8
```
#f99ae8 rgb(249,154,232)
```
#faacec
```
#faacec rgb(250,172,236)
```
#fbbff0
```
#fbbff0 rgb(251,191,240)
```
#fcd1f5
```
#fcd1f5 rgb(252,209,245)
```
#fde4f9
```
#fde4f9 rgb(253,228,249)
```
#fef6fd
```
#fef6fd rgb(254,246,253)
```

Tint Color Variation

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

#938a91
```
#938a91 rgb(147,138,145)
```
#9b8297
```
#9b8297 rgb(155,130,151)
```
#a4799d
```
#a4799d rgb(164,121,157)
```
#ad70a2
```
#ad70a2 rgb(173,112,162)
```
#b568a8
```
#b568a8 rgb(181,104,168)
```
#be5fad
```
#be5fad rgb(190,95,173)
```
#c756b3
```
#c756b3 rgb(199,86,179)
```
#cf4eb9
```
#cf4eb9 rgb(207,78,185)
```
#d845be
```
#d845be rgb(216,69,190)
```
#e13cc4
```
#e13cc4 rgb(225,60,196)
```
#e934c9
```
#e934c9 rgb(233,52,201)
```
#f22bcf
```
#f22bcf rgb(242,43,207)
```
#fb22d5
```
#fb22d5 rgb(251,34,213)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#91698a Atypical Achromatopsia 0.001% of the population

Dichromacy

#488bff Protanopia 1% of men
#7f8dbf Deuteranopia 1% of men
#e86268 Tritanopia 0.001% of the population

Trichromacy

#8568ed Protanomaly 1% of men, 0.01% of women
#a969c4 Deuteranomaly 6% of men, 0.4% of women
#eb4e8d Tritanomaly 0.01% of the population

#f22bcf hex color

#f22bcf Color Information

#f22bcf Color Conversion

Color Schemes with #f22bcf

Alternatives to #f22bcf

#f22bcf Preview

Shades and Tints of #f22bcf

Tones of #f22bcf

Color Blindness Simulator