#f227d5 hex color

In a RGB color space, hex #f227d5 is composed of 94.9% red, 15.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 12% yellow and 5.1% black. It has a hue angle of 308.6 degrees, a saturation of 88.6% and a lightness of 55.1%. #f227d5 color hex could be obtained by blending #ff4eff with #e500ab. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 15
- B 84
RGB color chart
- C 0
- M 84
- Y 12
- K 5
CMYK color chart

● #f227d5 color description : Bright magenta.

The hexadecimal color #f227d5 has RGB values of R:242, G:39, B:213 and CMYK values of C:0, M:0.84, Y:0.12, K:0.05. Its decimal value is 15869909.

Hex triplet	f227d5	`#f227d5`
RGB Decimal	242, 39, 213	`rgb(242,39,213)`
RGB Percent	94.9, 15.3, 83.5	`rgb(94.9%,15.3%,83.5%)`
CMYK	0, 84, 12, 5
HSL	308.6°, 88.6, 55.1	`hsl(308.6,88.6%,55.1%)`
HSV (or HSB)	308.6°, 83.9, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.208, 86.328, -42.354
XYZ	49.353, 25.136, 65.2
xyY	0.353, 0.18, 25.136
CIE-LCH	57.208, 96.158, 333.867
CIE-LUV	57.208, 88.907, -77.811
Hunter-Lab	50.136, 87.975, -42.009
Binary	11110010, 00100111, 11010101

#f227d5
```
#f227d5 rgb(242,39,213)
```
#27f244
```
#27f244 rgb(39,242,68)
```

Complementary Color

#aa27f2
```
#aa27f2 rgb(170,39,242)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#f22770
```
#f22770 rgb(242,39,112)
```

Analogous Color

#27f2aa
```
#27f2aa rgb(39,242,170)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#70f227
```
#70f227 rgb(112,242,39)
```

Split Complementary Color

#27d5f2
```
#27d5f2 rgb(39,213,242)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#d5f227
```
#d5f227 rgb(213,242,39)
```

Triadic Color

#4427f2
```
#4427f2 rgb(68,39,242)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#d5f227
```
#d5f227 rgb(213,242,39)
```
#27f244
```
#27f244 rgb(39,242,68)
```

Tetradic Color

#c10ca7
```
#c10ca7 rgb(193,12,167)
```
#d90dbc
```
#d90dbc rgb(217,13,188)
```
#f10fd0
```
#f10fd0 rgb(241,15,208)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#f33fda
```
#f33fda rgb(243,63,218)
```
#f557de
```
#f557de rgb(245,87,222)
```
#f66fe3
```
#f66fe3 rgb(246,111,227)
```

Monochromatic Color

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

#dc27f2
```
#dc27f2 rgb(220,39,242)
```
#ed27f2
```
#ed27f2 rgb(237,39,242)
```
#f227e6
```
#f227e6 rgb(242,39,230)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#f227c4
```
#f227c4 rgb(242,39,196)
```
#f227b3
```
#f227b3 rgb(242,39,179)
```
#f227a2
```
#f227a2 rgb(242,39,162)
```

Similar Colors

Text with hexadecimal color #f227d5

This text has a font color of #f227d5.

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

#f227d5 background color

This paragraph has a background color of #f227d5.

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

#f227d5 border color

This element has a border color of #f227d5.

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

CSS codes

.text {color:#f227d5;}

.background {background-color:#f227d5;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#190115
```
#190115 rgb(25,1,21)
```
#2b0325
```
#2b0325 rgb(43,3,37)
```
#3e0435
```
#3e0435 rgb(62,4,53)
```
#500545
```
#500545 rgb(80,5,69)
```
#630655
```
#630655 rgb(99,6,85)
```
#750765
```
#750765 rgb(117,7,101)
```
#880875
```
#880875 rgb(136,8,117)
```
#9a0985
```
#9a0985 rgb(154,9,133)
```
#ad0a95
```
#ad0a95 rgb(173,10,149)
```
#bf0ba5
```
#bf0ba5 rgb(191,11,165)
```
#d20db5
```
#d20db5 rgb(210,13,181)
```
#e40ec5
```
#e40ec5 rgb(228,14,197)
```

Shade Color Variation

#f114d1
```
#f114d1 rgb(241,20,209)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#f33ad9
```
#f33ad9 rgb(243,58,217)
```
#f44cdc
```
#f44cdc rgb(244,76,220)
```
#f55fe0
```
#f55fe0 rgb(245,95,224)
```
#f671e3
```
#f671e3 rgb(246,113,227)
```
#f884e7
```
#f884e7 rgb(248,132,231)
```
#f996eb
```
#f996eb rgb(249,150,235)
```
#faa9ee
```
#faa9ee rgb(250,169,238)
```
#fbbbf2
```
#fbbbf2 rgb(251,187,242)
```
#fccef5
```
#fccef5 rgb(252,206,245)
```
#fde0f9
```
#fde0f9 rgb(253,224,249)
```
#fef3fd
```
#fef3fd rgb(254,243,253)
```

Tint Color Variation

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

#918890
```
#918890 rgb(145,136,144)
```
#9a7f96
```
#9a7f96 rgb(154,127,150)
```
#a3769c
```
#a3769c rgb(163,118,156)
```
#ac6da3
```
#ac6da3 rgb(172,109,163)
```
#b465a9
```
#b465a9 rgb(180,101,169)
```
#bd5caf
```
#bd5caf rgb(189,92,175)
```
#c653b6
```
#c653b6 rgb(198,83,182)
```
#cf4abc
```
#cf4abc rgb(207,74,188)
```
#d841c2
```
#d841c2 rgb(216,65,194)
```
#e039c8
```
#e039c8 rgb(224,57,200)
```
#e930cf
```
#e930cf rgb(233,48,207)
```
#f227d5
```
#f227d5 rgb(242,39,213)
```
#fb1edb
```
#fb1edb rgb(251,30,219)
```

Tone Color Variation

Below, you can see how #f227d5 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
#90688b Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#7b8ec4 Deuteranopia 1% of men
#e76369 Tritanopia 0.001% of the population

Trichromacy

#8567ef Protanomaly 1% of men, 0.01% of women
#a668ca Deuteranomaly 6% of men, 0.4% of women
#eb4d90 Tritanomaly 0.01% of the population

#f227d5 hex color

#f227d5 Color Information

#f227d5 Color Conversion

Color Schemes with #f227d5

Alternatives to #f227d5

#f227d5 Preview

Shades and Tints of #f227d5

Tones of #f227d5

Color Blindness Simulator