#f22bc2 hex color

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

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

● #f22bc2 color description : Bright magenta.

The hexadecimal color #f22bc2 has RGB values of R:242, G:43, B:194 and CMYK values of C:0, M:0.82, Y:0.2, K:0.05. Its decimal value is 15870914.

Hex triplet	f22bc2	`#f22bc2`
RGB Decimal	242, 43, 194	`rgb(242,43,194)`
RGB Percent	94.9, 16.9, 76.1	`rgb(94.9%,16.9%,76.1%)`
CMYK	0, 82, 20, 5
HSL	314.5°, 88.4, 55.9	`hsl(314.5,88.4%,55.9%)`
HSV (or HSB)	314.5°, 82.2, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.589, 83.119, -32.449
XYZ	47.22, 24.504, 53.279
xyY	0.378, 0.196, 24.504
CIE-LCH	56.589, 89.228, 338.675
CIE-LUV	56.589, 96.27, -62.192
Hunter-Lab	49.502, 83.643, -29.163
Binary	11110010, 00101011, 11000010

#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#2bf25b
```
#2bf25b rgb(43,242,91)
```

Complementary Color

#bf2bf2
```
#bf2bf2 rgb(191,43,242)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#f22b5f
```
#f22b5f rgb(242,43,95)
```

Analogous Color

#2bf2bf
```
#2bf2bf rgb(43,242,191)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#5ff22b
```
#5ff22b rgb(95,242,43)
```

Split Complementary Color

#2bc2f2
```
#2bc2f2 rgb(43,194,242)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#c2f22b
```
#c2f22b rgb(194,242,43)
```

Triadic Color

#5b2bf2
```
#5b2bf2 rgb(91,43,242)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#c2f22b
```
#c2f22b rgb(194,242,43)
```
#2bf25b
```
#2bf25b rgb(43,242,91)
```

Tetradic Color

#c40c98
```
#c40c98 rgb(196,12,152)
```
#dc0eab
```
#dc0eab rgb(220,14,171)
```
#f113bb
```
#f113bb rgb(241,19,187)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#f343c9
```
#f343c9 rgb(243,67,201)
```
#f55bd0
```
#f55bd0 rgb(245,91,208)
```
#f673d7
```
#f673d7 rgb(246,115,215)
```

Monochromatic Color

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

#f02bf2
```
#f02bf2 rgb(240,43,242)
```
#f22be3
```
#f22be3 rgb(242,43,227)
```
#f22bd3
```
#f22bd3 rgb(242,43,211)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#f22bb1
```
#f22bb1 rgb(242,43,177)
```
#f22ba1
```
#f22ba1 rgb(242,43,161)
```
#f22b90
```
#f22b90 rgb(242,43,144)
```

Similar Colors

Text with hexadecimal color #f22bc2

This text has a font color of #f22bc2.

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

#f22bc2 background color

This paragraph has a background color of #f22bc2.

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

#f22bc2 border color

This element has a border color of #f22bc2.

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

CSS codes

.text {color:#f22bc2;}

.background {background-color:#f22bc2;}

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

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 #fef6fc is the lightest one.

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1c0216
```
#1c0216 rgb(28,2,22)
```
#2f0324
```
#2f0324 rgb(47,3,36)
```
#410432
```
#410432 rgb(65,4,50)
```
#540541
```
#540541 rgb(84,5,65)
```
#66064f
```
#66064f rgb(102,6,79)
```
#79075d
```
#79075d rgb(121,7,93)
```
#8b096c
```
#8b096c rgb(139,9,108)
```
#9e0a7a
```
#9e0a7a rgb(158,10,122)
```
#b00b88
```
#b00b88 rgb(176,11,136)
```
#c30c97
```
#c30c97 rgb(195,12,151)
```
#d50da5
```
#d50da5 rgb(213,13,165)
```
#e80eb3
```
#e80eb3 rgb(232,14,179)
```

Shade Color Variation

#f119bd
```
#f119bd rgb(241,25,189)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#f33dc7
```
#f33dc7 rgb(243,61,199)
```
#f450cd
```
#f450cd rgb(244,80,205)
```
#f562d2
```
#f562d2 rgb(245,98,210)
```
#f775d7
```
#f775d7 rgb(247,117,215)
```
#f887dd
```
#f887dd rgb(248,135,221)
```
#f99ae2
```
#f99ae2 rgb(249,154,226)
```
#faace7
```
#faace7 rgb(250,172,231)
```
#fbbfed
```
#fbbfed rgb(251,191,237)
```
#fcd1f2
```
#fcd1f2 rgb(252,209,242)
```
#fde4f7
```
#fde4f7 rgb(253,228,247)
```
#fef6fc
```
#fef6fc rgb(254,246,252)
```

Tint Color Variation

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

#938a91
```
#938a91 rgb(147,138,145)
```
#9b8295
```
#9b8295 rgb(155,130,149)
```
#a4799a
```
#a4799a rgb(164,121,154)
```
#ad709e
```
#ad709e rgb(173,112,158)
```
#b568a3
```
#b568a3 rgb(181,104,163)
```
#be5fa7
```
#be5fa7 rgb(190,95,167)
```
#c756ac
```
#c756ac rgb(199,86,172)
```
#cf4eb0
```
#cf4eb0 rgb(207,78,176)
```
#d845b5
```
#d845b5 rgb(216,69,181)
```
#e13cb9
```
#e13cb9 rgb(225,60,185)
```
#e934be
```
#e934be rgb(233,52,190)
```
#f22bc2
```
#f22bc2 rgb(242,43,194)
```
#fb22c6
```
#fb22c6 rgb(251,34,198)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#906987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498afb Protanopia 1% of men
#858bb3 Deuteranopia 1% of men
#e95d63 Tritanopia 0.001% of the population

Trichromacy

#8667e6 Protanomaly 1% of men, 0.01% of women
#ac68b9 Deuteranomaly 6% of men, 0.4% of women
#ec4b85 Tritanomaly 0.01% of the population

#f22bc2 hex color

#f22bc2 Color Information

#f22bc2 Color Conversion

Color Schemes with #f22bc2

Alternatives to #f22bc2

#f22bc2 Preview

Shades and Tints of #f22bc2

Tones of #f22bc2

Color Blindness Simulator