#f223c0 hex color

In a RGB color space, hex #f223c0 is composed of 94.9% red, 13.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 20.7% yellow and 5.1% black. It has a hue angle of 314.5 degrees, a saturation of 88.8% and a lightness of 54.3%. #f223c0 color hex could be obtained by blending #ff46ff with #e50081. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 14
- B 75
RGB color chart
- C 0
- M 86
- Y 21
- K 5
CMYK color chart

● #f223c0 color description : Vivid magenta.

The hexadecimal color #f223c0 has RGB values of R:242, G:35, B:192 and CMYK values of C:0, M:0.86, Y:0.21, K:0.05. Its decimal value is 15868864.

Hex triplet	f223c0	`#f223c0`
RGB Decimal	242, 35, 192	`rgb(242,35,192)`
RGB Percent	94.9, 13.7, 75.3	`rgb(94.9%,13.7%,75.3%)`
CMYK	0, 86, 21, 5
HSL	314.5°, 88.8, 54.3	`hsl(314.5,88.8%,54.3%)`
HSV (or HSB)	314.5°, 85.5, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	55.977, 84.395, -32.249
XYZ	46.734, 23.889, 52.016
xyY	0.381, 0.195, 23.889
CIE-LCH	55.977, 90.347, 339.087
CIE-LUV	55.977, 98.461, -61.977
Hunter-Lab	48.877, 85.14, -28.885
Binary	11110010, 00100011, 11000000

#f223c0
```
#f223c0 rgb(242,35,192)
```
#23f255
```
#23f255 rgb(35,242,85)
```

Complementary Color

#bd23f2
```
#bd23f2 rgb(189,35,242)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#f22359
```
#f22359 rgb(242,35,89)
```

Analogous Color

#23f2bd
```
#23f2bd rgb(35,242,189)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#59f223
```
#59f223 rgb(89,242,35)
```

Split Complementary Color

#23c0f2
```
#23c0f2 rgb(35,192,242)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#c0f223
```
#c0f223 rgb(192,242,35)
```

Triadic Color

#5523f2
```
#5523f2 rgb(85,35,242)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#c0f223
```
#c0f223 rgb(192,242,35)
```
#23f255
```
#23f255 rgb(35,242,85)
```

Tetradic Color

#bd0b92
```
#bd0b92 rgb(189,11,146)
```
#d50da5
```
#d50da5 rgb(213,13,165)
```
#ed0eb7
```
#ed0eb7 rgb(237,14,183)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#f33bc7
```
#f33bc7 rgb(243,59,199)
```
#f553ce
```
#f553ce rgb(245,83,206)
```
#f66bd5
```
#f66bd5 rgb(246,107,213)
```

Monochromatic Color

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

#f023f2
```
#f023f2 rgb(240,35,242)
```
#f223e3
```
#f223e3 rgb(242,35,227)
```
#f223d1
```
#f223d1 rgb(242,35,209)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#f223af
```
#f223af rgb(242,35,175)
```
#f2239e
```
#f2239e rgb(242,35,158)
```
#f2238c
```
#f2238c rgb(242,35,140)
```

Similar Colors

Text with hexadecimal color #f223c0

This text has a font color of #f223c0.

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

#f223c0 background color

This paragraph has a background color of #f223c0.

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

#f223c0 border color

This element has a border color of #f223c0.

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

CSS codes

.text {color:#f223c0;}

.background {background-color:#f223c0;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#150110
```
#150110 rgb(21,1,16)
```
#27021e
```
#27021e rgb(39,2,30)
```
#3a032d
```
#3a032d rgb(58,3,45)
```
#4c053b
```
#4c053b rgb(76,5,59)
```
#5f0649
```
#5f0649 rgb(95,6,73)
```
#710758
```
#710758 rgb(113,7,88)
```
#840866
```
#840866 rgb(132,8,102)
```
#960974
```
#960974 rgb(150,9,116)
```
#a90a83
```
#a90a83 rgb(169,10,131)
```
#bb0b91
```
#bb0b91 rgb(187,11,145)
```
#ce0c9f
```
#ce0c9f rgb(206,12,159)
```
#e10dad
```
#e10dad rgb(225,13,173)
```

Shade Color Variation

#f110bb
```
#f110bb rgb(241,16,187)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#f336c5
```
#f336c5 rgb(243,54,197)
```
#f448cb
```
#f448cb rgb(244,72,203)
```
#f55bd0
```
#f55bd0 rgb(245,91,208)
```
#f66dd5
```
#f66dd5 rgb(246,109,213)
```
#f780db
```
#f780db rgb(247,128,219)
```
#f992e0
```
#f992e0 rgb(249,146,224)
```
#faa5e5
```
#faa5e5 rgb(250,165,229)
```
#fbb7ea
```
#fbb7ea rgb(251,183,234)
```
#fccaf0
```
#fccaf0 rgb(252,202,240)
```
#fddcf5
```
#fddcf5 rgb(253,220,245)
```
#feeffa
```
#feeffa rgb(254,239,250)
```

Tint Color Variation

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

#8f868d
```
#8f868d rgb(143,134,141)
```
#987d92
```
#987d92 rgb(152,125,146)
```
#a17496
```
#a17496 rgb(161,116,150)
```
#aa6b9b
```
#aa6b9b rgb(170,107,155)
```
#b362a0
```
#b362a0 rgb(179,98,160)
```
#bc59a4
```
#bc59a4 rgb(188,89,164)
```
#c550a9
```
#c550a9 rgb(197,80,169)
```
#ce47ad
```
#ce47ad rgb(206,71,173)
```
#d73eb2
```
#d73eb2 rgb(215,62,178)
```
#e035b7
```
#e035b7 rgb(224,53,183)
```
#e92cbb
```
#e92cbb rgb(233,44,187)
```
#f223c0
```
#f223c0 rgb(242,35,192)
```
#fb1ac5
```
#fb1ac5 rgb(251,26,197)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8c6382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4488fb Protanopia 1% of men
#848ab1 Deuteranopia 1% of men
#e95a5f Tritanopia 0.001% of the population

Trichromacy

#8363e6 Protanomaly 1% of men, 0.01% of women
#ac64b6 Deuteranomaly 6% of men, 0.4% of women
#ec4682 Tritanomaly 0.01% of the population

#f223c0 hex color

#f223c0 Color Information

#f223c0 Color Conversion

Color Schemes with #f223c0

Alternatives to #f223c0

#f223c0 Preview

Shades and Tints of #f223c0

Tones of #f223c0

Color Blindness Simulator