#f358fa hex color

In a RGB color space, hex #f358fa is composed of 95.3% red, 34.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 64.8% magenta, 0% yellow and 2% black. It has a hue angle of 297.4 degrees, a saturation of 94.2% and a lightness of 66.3%. #f358fa color hex could be obtained by blending #ffb0ff with #e700f5. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 95
- G 35
- B 98
RGB color chart
- C 3
- M 65
- Y 0
- K 2
CMYK color chart

● #f358fa color description : Soft magenta.

The hexadecimal color #f358fa has RGB values of R:243, G:88, B:250 and CMYK values of C:0.03, M:0.65, Y:0, K:0.02. Its decimal value is 15948026.

Hex triplet	f358fa	`#f358fa`
RGB Decimal	243, 88, 250	`rgb(243,88,250)`
RGB Percent	95.3, 34.5, 98	`rgb(95.3%,34.5%,98%)`
CMYK	3, 65, 0, 2
HSL	297.4°, 94.2, 66.3	`hsl(297.4,94.2%,66.3%)`
HSV (or HSB)	297.4°, 64.8, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.112, 78.07, -52.149
XYZ	57.706, 32.939, 93.756
xyY	0.313, 0.179, 32.939
CIE-LCH	64.112, 93.885, 326.258
CIE-LUV	64.112, 66.04, -93.743
Hunter-Lab	57.393, 79.035, -56.68
Binary	11110011, 01011000, 11111010

#f358fa
```
#f358fa rgb(243,88,250)
```
#5ffa58
```
#5ffa58 rgb(95,250,88)
```

Complementary Color

#a258fa
```
#a258fa rgb(162,88,250)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#fa58b0
```
#fa58b0 rgb(250,88,176)
```

Analogous Color

#58faa2
```
#58faa2 rgb(88,250,162)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#b0fa58
```
#b0fa58 rgb(176,250,88)
```

Split Complementary Color

#58faf3
```
#58faf3 rgb(88,250,243)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#faf358
```
#faf358 rgb(250,243,88)
```

Triadic Color

#585ffa
```
#585ffa rgb(88,95,250)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#faf358
```
#faf358 rgb(250,243,88)
```
#5ffa58
```
#5ffa58 rgb(95,250,88)
```

Tetradic Color

#ee0ef8
```
#ee0ef8 rgb(238,14,248)
```
#ef26f9
```
#ef26f9 rgb(239,38,249)
```
#f13ff9
```
#f13ff9 rgb(241,63,249)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#f571fb
```
#f571fb rgb(245,113,251)
```
#f78afb
```
#f78afb rgb(247,138,251)
```
#f8a2fc
```
#f8a2fc rgb(248,162,252)
```

Monochromatic Color

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

#cb58fa
```
#cb58fa rgb(203,88,250)
```
#d858fa
```
#d858fa rgb(216,88,250)
```
#e658fa
```
#e658fa rgb(230,88,250)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#fa58f4
```
#fa58f4 rgb(250,88,244)
```
#fa58e6
```
#fa58e6 rgb(250,88,230)
```
#fa58d9
```
#fa58d9 rgb(250,88,217)
```

Similar Colors

Text with hexadecimal color #f358fa

This text has a font color of #f358fa.

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

#f358fa background color

This paragraph has a background color of #f358fa.

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

#f358fa border color

This element has a border color of #f358fa.

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

CSS codes

.text {color:#f358fa;}

.background {background-color:#f358fa;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160117
```
#160117 rgb(22,1,23)
```
#29012a
```
#29012a rgb(41,1,42)
```
#3b023e
```
#3b023e rgb(59,2,62)
```
#4d0251
```
#4d0251 rgb(77,2,81)
```
#5f0364
```
#5f0364 rgb(95,3,100)
```
#720477
```
#720477 rgb(114,4,119)
```
#84048a
```
#84048a rgb(132,4,138)
```
#96059d
```
#96059d rgb(150,5,157)
```
#a805b0
```
#a805b0 rgb(168,5,176)
```
#bb06c3
```
#bb06c3 rgb(187,6,195)
```
#cd06d6
```
#cd06d6 rgb(205,6,214)
```
#df07e9
```
#df07e9 rgb(223,7,233)
```

Shade Color Variation

#ee0cf8
```
#ee0cf8 rgb(238,12,248)
```
#ef1ff8
```
#ef1ff8 rgb(239,31,248)
```
#f032f9
```
#f032f9 rgb(240,50,249)
```
#f245f9
```
#f245f9 rgb(242,69,249)
```
#f358fa
```
#f358fa rgb(243,88,250)
```
#f46bfb
```
#f46bfb rgb(244,107,251)
```
#f67efb
```
#f67efb rgb(246,126,251)
```
#f791fc
```
#f791fc rgb(247,145,252)
```
#f8a4fc
```
#f8a4fc rgb(248,164,252)
```
#fab7fd
```
#fab7fd rgb(250,183,253)
```
#fbcafd
```
#fbcafd rgb(251,202,253)
```
#fdddfe
```
#fdddfe rgb(253,221,254)
```
#fef0ff
```
#fef0ff rgb(254,240,255)
```

Tint Color Variation

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

#aaa7ab
```
#aaa7ab rgb(170,167,171)
```
#b1a1b1
```
#b1a1b1 rgb(177,161,177)
```
#b79ab8
```
#b79ab8 rgb(183,154,184)
```
#bd94be
```
#bd94be rgb(189,148,190)
```
#c38dc5
```
#c38dc5 rgb(195,141,197)
```
#c986cc
```
#c986cc rgb(201,134,204)
```
#cf80d2
```
#cf80d2 rgb(207,128,210)
```
#d579d9
```
#d579d9 rgb(213,121,217)
```
#db72e0
```
#db72e0 rgb(219,114,224)
```
#e16ce6
```
#e16ce6 rgb(225,108,230)
```
#e765ed
```
#e765ed rgb(231,101,237)
```
#ed5ff3
```
#ed5ff3 rgb(237,95,243)
```
#f358fa
```
#f358fa rgb(243,88,250)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#ab8cac Atypical Achromatopsia 0.001% of the population

Dichromacy

#739dff Protanopia 1% of men
#7c9fe8 Deuteranopia 1% of men
#e4848d Tritanopia 0.001% of the population

Trichromacy

#a184fd Protanomaly 1% of men, 0.01% of women
#a785ef Deuteranomaly 6% of men, 0.4% of women
#e974b4 Tritanomaly 0.01% of the population

#f358fa hex color

#f358fa Color Information

#f358fa Color Conversion

Color Schemes with #f358fa

Alternatives to #f358fa

#f358fa Preview

Shades and Tints of #f358fa

Tones of #f358fa

Color Blindness Simulator