colorhexa.com

#f357fa hex color

In a RGB color space, hex #f357fa is composed of 95.3% red, 34.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 65.2% 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.1%. #f357fa color hex could be obtained by blending #ffaeff with #e700f5. Closest websafe color is: #ff66ff.

- R 95
- G 34
- B 98
RGB color chart
- C 3
- M 65
- Y 0
- K 2
CMYK color chart

● #f357fa color description : Soft magenta.

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

Hex triplet	f357fa	`#f357fa`
RGB Decimal	243, 87, 250	`rgb(243,87,250)`
RGB Percent	95.3, 34.1, 98	`rgb(95.3%,34.1%,98%)`
CMYK	3, 65, 0, 2
HSL	297.4°, 94.2, 66.1	`hsl(297.4,94.2%,66.1%)`
HSV (or HSB)	297.4°, 65.2, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.979, 78.441, -52.358
XYZ	57.624, 32.776, 93.729
xyY	0.313, 0.178, 32.776
CIE-LCH	63.979, 94.31, 326.277
CIE-LUV	63.979, 66.301, -94.089
Hunter-Lab	57.251, 79.476, -56.992
Binary	11110011, 01010111, 11111010

#f357fa
```
#f357fa rgb(243,87,250)
```
#5efa57
```
#5efa57 rgb(94,250,87)
```

Complementary Color

#a257fa
```
#a257fa rgb(162,87,250)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#fa57b0
```
#fa57b0 rgb(250,87,176)
```

Analogous Color

#57faa2
```
#57faa2 rgb(87,250,162)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#b0fa57
```
#b0fa57 rgb(176,250,87)
```

Split Complementary Color

#57faf3
```
#57faf3 rgb(87,250,243)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#faf357
```
#faf357 rgb(250,243,87)
```

Triadic Color

#575efa
```
#575efa rgb(87,94,250)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#faf357
```
#faf357 rgb(250,243,87)
```
#5efa57
```
#5efa57 rgb(94,250,87)
```

Tetradic Color

#ee0df8
```
#ee0df8 rgb(238,13,248)
```
#ef25f9
```
#ef25f9 rgb(239,37,249)
```
#f13ef9
```
#f13ef9 rgb(241,62,249)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#f570fb
```
#f570fb rgb(245,112,251)
```
#f789fb
```
#f789fb rgb(247,137,251)
```
#f8a1fc
```
#f8a1fc rgb(248,161,252)
```

Monochromatic Color

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

#ca57fa
```
#ca57fa rgb(202,87,250)
```
#d857fa
```
#d857fa rgb(216,87,250)
```
#e557fa
```
#e557fa rgb(229,87,250)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#fa57f3
```
#fa57f3 rgb(250,87,243)
```
#fa57e6
```
#fa57e6 rgb(250,87,230)
```
#fa57d8
```
#fa57d8 rgb(250,87,216)
```

Similar Colors

Text with hexadecimal color #f357fa

This text has a font color of #f357fa.

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

#f357fa background color

This paragraph has a background color of #f357fa.

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

#f357fa border color

This element has a border color of #f357fa.

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

CSS codes

.text {color:#f357fa;}

.background {background-color:#f357fa;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160116
```
#160116 rgb(22,1,22)
```
#28012a
```
#28012a rgb(40,1,42)
```
#3a023d
```
#3a023d rgb(58,2,61)
```
#4c0250
```
#4c0250 rgb(76,2,80)
```
#5f0363
```
#5f0363 rgb(95,3,99)
```
#710476
```
#710476 rgb(113,4,118)
```
#830489
```
#830489 rgb(131,4,137)
```
#95059c
```
#95059c rgb(149,5,156)
```
#a805af
```
#a805af rgb(168,5,175)
```
#ba06c2
```
#ba06c2 rgb(186,6,194)
```
#cc06d5
```
#cc06d5 rgb(204,6,213)
```
#de07e8
```
#de07e8 rgb(222,7,232)
```

Shade Color Variation

#ee0bf8
```
#ee0bf8 rgb(238,11,248)
```
#ef1ef8
```
#ef1ef8 rgb(239,30,248)
```
#f031f9
```
#f031f9 rgb(240,49,249)
```
#f244f9
```
#f244f9 rgb(242,68,249)
```
#f357fa
```
#f357fa rgb(243,87,250)
```
#f46afb
```
#f46afb rgb(244,106,251)
```
#f67dfb
```
#f67dfb rgb(246,125,251)
```
#f790fc
```
#f790fc rgb(247,144,252)
```
#f8a3fc
```
#f8a3fc rgb(248,163,252)
```
#fab6fd
```
#fab6fd rgb(250,182,253)
```
#fbc9fd
```
#fbc9fd rgb(251,201,253)
```
#fddcfe
```
#fddcfe rgb(253,220,254)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#aaa7aa
```
#aaa7aa rgb(170,167,170)
```
#b0a0b1
```
#b0a0b1 rgb(176,160,177)
```
#b69ab7
```
#b69ab7 rgb(182,154,183)
```
#bc93be
```
#bc93be rgb(188,147,190)
```
#c28cc5
```
#c28cc5 rgb(194,140,197)
```
#c886cb
```
#c886cb rgb(200,134,203)
```
#cf7fd2
```
#cf7fd2 rgb(207,127,210)
```
#d578d9
```
#d578d9 rgb(213,120,217)
```
#db72df
```
#db72df rgb(219,114,223)
```
#e16be6
```
#e16be6 rgb(225,107,230)
```
#e764ed
```
#e764ed rgb(231,100,237)
```
#ed5ef3
```
#ed5ef3 rgb(237,94,243)
```
#f357fa
```
#f357fa rgb(243,87,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#aa8bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#729dff Protanopia 1% of men
#7b9fe8 Deuteranopia 1% of men
#e4838c Tritanopia 0.001% of the population

Trichromacy

#a183fd Protanomaly 1% of men, 0.01% of women
#a685ee Deuteranomaly 6% of men, 0.4% of women
#e973b4 Tritanomaly 0.01% of the population