#f218c5 hex color

In a RGB color space, hex #f218c5 is composed of 94.9% red, 9.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 18.6% yellow and 5.1% black. It has a hue angle of 312.4 degrees, a saturation of 89.3% and a lightness of 52.2%. #f218c5 color hex could be obtained by blending #ff30ff with #e5008b. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 9
- B 77
RGB color chart
- C 0
- M 90
- Y 19
- K 5
CMYK color chart

● #f218c5 color description : Vivid magenta.

The hexadecimal color #f218c5 has RGB values of R:242, G:24, B:197 and CMYK values of C:0, M:0.9, Y:0.19, K:0.05. Its decimal value is 15866053.

Hex triplet	f218c5	`#f218c5`
RGB Decimal	242, 24, 197	`rgb(242,24,197)`
RGB Percent	94.9, 9.4, 77.3	`rgb(94.9%,9.4%,77.3%)`
CMYK	0, 90, 19, 5
HSL	312.4°, 89.3, 52.2	`hsl(312.4,89.3%,52.2%)`
HSV (or HSB)	312.4°, 90.1, 94.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.65, 86.613, -35.642
XYZ	47.023, 23.566, 54.893
xyY	0.375, 0.188, 23.566
CIE-LCH	55.65, 93.66, 337.632
CIE-LUV	55.65, 97.633, -67.336
Hunter-Lab	48.545, 87.951, -33.062
Binary	11110010, 00011000, 11000101

#f218c5
```
#f218c5 rgb(242,24,197)
```
#18f245
```
#18f245 rgb(24,242,69)
```

Complementary Color

#b218f2
```
#b218f2 rgb(178,24,242)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#f21858
```
#f21858 rgb(242,24,88)
```

Analogous Color

#18f2b2
```
#18f2b2 rgb(24,242,178)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#58f218
```
#58f218 rgb(88,242,24)
```

Split Complementary Color

#18c5f2
```
#18c5f2 rgb(24,197,242)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#c5f218
```
#c5f218 rgb(197,242,24)
```

Triadic Color

#4518f2
```
#4518f2 rgb(69,24,242)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#c5f218
```
#c5f218 rgb(197,242,24)
```
#18f245
```
#18f245 rgb(24,242,69)
```

Tetradic Color

#b30a90
```
#b30a90 rgb(179,10,144)
```
#cc0ba4
```
#cc0ba4 rgb(204,11,164)
```
#e40db7
```
#e40db7 rgb(228,13,183)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#f330cb
```
#f330cb rgb(243,48,203)
```
#f548d1
```
#f548d1 rgb(245,72,209)
```
#f660d7
```
#f660d7 rgb(246,96,215)
```

Monochromatic Color

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

#e918f2
```
#e918f2 rgb(233,24,242)
```
#f218e9
```
#f218e9 rgb(242,24,233)
```
#f218d7
```
#f218d7 rgb(242,24,215)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#f218b3
```
#f218b3 rgb(242,24,179)
```
#f218a1
```
#f218a1 rgb(242,24,161)
```
#f2188f
```
#f2188f rgb(242,24,143)
```

Similar Colors

Text with hexadecimal color #f218c5

This text has a font color of #f218c5.

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

#f218c5 background color

This paragraph has a background color of #f218c5.

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

#f218c5 border color

This element has a border color of #f218c5.

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

CSS codes

.text {color:#f218c5;}

.background {background-color:#f218c5;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1d0217
```
#1d0217 rgb(29,2,23)
```
#300326
```
#300326 rgb(48,3,38)
```
#420435
```
#420435 rgb(66,4,53)
```
#550544
```
#550544 rgb(85,5,68)
```
#670653
```
#670653 rgb(103,6,83)
```
#7a0762
```
#7a0762 rgb(122,7,98)
```
#8c0871
```
#8c0871 rgb(140,8,113)
```
#9f0980
```
#9f0980 rgb(159,9,128)
```
#b20a8f
```
#b20a8f rgb(178,10,143)
```
#c40b9e
```
#c40b9e rgb(196,11,158)
```
#d70cad
```
#d70cad rgb(215,12,173)
```
#e90dbc
```
#e90dbc rgb(233,13,188)
```

Shade Color Variation

#f218c5
```
#f218c5 rgb(242,24,197)
```
#f32bca
```
#f32bca rgb(243,43,202)
```
#f43dce
```
#f43dce rgb(244,61,206)
```
#f550d3
```
#f550d3 rgb(245,80,211)
```
#f662d8
```
#f662d8 rgb(246,98,216)
```
#f775dc
```
#f775dc rgb(247,117,220)
```
#f887e1
```
#f887e1 rgb(248,135,225)
```
#f99ae6
```
#f99ae6 rgb(249,154,230)
```
#faadea
```
#faadea rgb(250,173,234)
```
#fbbfef
```
#fbbfef rgb(251,191,239)
```
#fcd2f4
```
#fcd2f4 rgb(252,210,244)
```
#fde4f8
```
#fde4f8 rgb(253,228,248)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#8b7f88
```
#8b7f88 rgb(139,127,136)
```
#94768e
```
#94768e rgb(148,118,142)
```
#9e6c93
```
#9e6c93 rgb(158,108,147)
```
#a76399
```
#a76399 rgb(167,99,153)
```
#b05a9e
```
#b05a9e rgb(176,90,158)
```
#ba50a4
```
#ba50a4 rgb(186,80,164)
```
#c347a9
```
#c347a9 rgb(195,71,169)
```
#cc3eaf
```
#cc3eaf rgb(204,62,175)
```
#d634b4
```
#d634b4 rgb(214,52,180)
```
#df2bba
```
#df2bba rgb(223,43,186)
```
#e921bf
```
#e921bf rgb(233,33,191)
```
#f218c5
```
#f218c5 rgb(242,24,197)
```
#fb0fcb
```
#fb0fcb rgb(251,15,203)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#885c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a87ff Protanopia 1% of men
#7f89b5 Deuteranopia 1% of men
#e9595e Tritanopia 0.001% of the population

Trichromacy

#7c5fe9 Protanomaly 1% of men, 0.01% of women
#a960bb Deuteranomaly 6% of men, 0.4% of women
#ec4183 Tritanomaly 0.01% of the population

#f218c5 hex color

#f218c5 Color Information

#f218c5 Color Conversion

Color Schemes with #f218c5

Alternatives to #f218c5

#f218c5 Preview

Shades and Tints of #f218c5

Tones of #f218c5

Color Blindness Simulator