#f358e1 hex color

In a RGB color space, hex #f358e1 is composed of 95.3% red, 34.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 7.4% yellow and 4.7% black. It has a hue angle of 307 degrees, a saturation of 86.6% and a lightness of 64.9%. #f358e1 color hex could be obtained by blending #ffb0ff with #e700c3. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 95
- G 35
- B 88
RGB color chart
- C 0
- M 64
- Y 7
- K 5
CMYK color chart

● #f358e1 color description : Soft magenta.

The hexadecimal color #f358e1 has RGB values of R:243, G:88, B:225 and CMYK values of C:0, M:0.64, Y:0.07, K:0.05. Its decimal value is 15948001.

Hex triplet	f358e1	`#f358e1`
RGB Decimal	243, 88, 225	`rgb(243,88,225)`
RGB Percent	95.3, 34.5, 88.2	`rgb(95.3%,34.5%,88.2%)`
CMYK	0, 64, 7, 5
HSL	307°, 86.6, 64.9	`hsl(307,86.6%,64.9%)`
HSV (or HSB)	307°, 63.8, 95.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.906, 74.112, -40.16
XYZ	54.042, 31.474, 74.459
xyY	0.338, 0.197, 31.474
CIE-LCH	62.906, 84.293, 331.548
CIE-LUV	62.906, 74.061, -73.936
Hunter-Lab	56.102, 73.768, -39.419
Binary	11110011, 01011000, 11100001

#f358e1
```
#f358e1 rgb(243,88,225)
```
#58f36a
```
#58f36a rgb(88,243,106)
```

Complementary Color

#b858f3
```
#b858f3 rgb(184,88,243)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#f35894
```
#f35894 rgb(243,88,148)
```

Analogous Color

#58f3b8
```
#58f3b8 rgb(88,243,184)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#94f358
```
#94f358 rgb(148,243,88)
```

Split Complementary Color

#58e1f3
```
#58e1f3 rgb(88,225,243)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#e1f358
```
#e1f358 rgb(225,243,88)
```

Triadic Color

#6a58f3
```
#6a58f3 rgb(106,88,243)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#e1f358
```
#e1f358 rgb(225,243,88)
```
#58f36a
```
#58f36a rgb(88,243,106)
```

Tetradic Color

#ed11d4
```
#ed11d4 rgb(237,17,212)
```
#f028d8
```
#f028d8 rgb(240,40,216)
```
#f140dd
```
#f140dd rgb(241,64,221)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#f570e5
```
#f570e5 rgb(245,112,229)
```
#f688ea
```
#f688ea rgb(246,136,234)
```
#f89fee
```
#f89fee rgb(248,159,238)
```

Monochromatic Color

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

#de58f3
```
#de58f3 rgb(222,88,243)
```
#eb58f3
```
#eb58f3 rgb(235,88,243)
```
#f358ee
```
#f358ee rgb(243,88,238)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#f358d4
```
#f358d4 rgb(243,88,212)
```
#f358c7
```
#f358c7 rgb(243,88,199)
```
#f358ba
```
#f358ba rgb(243,88,186)
```

Similar Colors

Text with hexadecimal color #f358e1

This text has a font color of #f358e1.

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

#f358e1 background color

This paragraph has a background color of #f358e1.

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

#f358e1 border color

This element has a border color of #f358e1.

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

CSS codes

.text {color:#f358e1;}

.background {background-color:#f358e1;}

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

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, #10010e is the darkest color, while #fffdff is the lightest one.

#10010e
```
#10010e rgb(16,1,14)
```
#22021f
```
#22021f rgb(34,2,31)
```
#35042f
```
#35042f rgb(53,4,47)
```
#47053f
```
#47053f rgb(71,5,63)
```
#590650
```
#590650 rgb(89,6,80)
```
#6c0860
```
#6c0860 rgb(108,8,96)
```
#7e0970
```
#7e0970 rgb(126,9,112)
```
#900a81
```
#900a81 rgb(144,10,129)
```
#a20c91
```
#a20c91 rgb(162,12,145)
```
#b50da1
```
#b50da1 rgb(181,13,161)
```
#c70eb2
```
#c70eb2 rgb(199,14,178)
```
#d910c2
```
#d910c2 rgb(217,16,194)
```
#ec11d2
```
#ec11d2 rgb(236,17,210)
```

Shade Color Variation

#ef21d7
```
#ef21d7 rgb(239,33,215)
```
#f033da
```
#f033da rgb(240,51,218)
```
#f246de
```
#f246de rgb(242,70,222)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#f46ae4
```
#f46ae4 rgb(244,106,228)
```
#f67de8
```
#f67de8 rgb(246,125,232)
```
#f78feb
```
#f78feb rgb(247,143,235)
```
#f8a1ee
```
#f8a1ee rgb(248,161,238)
```
#fab4f1
```
#fab4f1 rgb(250,180,241)
```
#fbc6f5
```
#fbc6f5 rgb(251,198,245)
```
#fcd8f8
```
#fcd8f8 rgb(252,216,248)
```
#feeafb
```
#feeafb rgb(254,234,251)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#a7a4a7
```
#a7a4a7 rgb(167,164,167)
```
#ae9dac
```
#ae9dac rgb(174,157,172)
```
#b596b1
```
#b596b1 rgb(181,150,177)
```
#bc8fb7
```
#bc8fb7 rgb(188,143,183)
```
#c388bc
```
#c388bc rgb(195,136,188)
```
#ca81c1
```
#ca81c1 rgb(202,129,193)
```
#d17ac7
```
#d17ac7 rgb(209,122,199)
```
#d774cc
```
#d774cc rgb(215,116,204)
```
#de6dd1
```
#de6dd1 rgb(222,109,209)
```
#e566d6
```
#e566d6 rgb(229,102,214)
```
#ec5fdc
```
#ec5fdc rgb(236,95,220)
```
#f358e1
```
#f358e1 rgb(243,88,225)
```
#fa51e6
```
#fa51e6 rgb(250,81,230)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a98aa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#8b9bd3 Deuteranopia 1% of men
#e87d85 Tritanopia 0.001% of the population

Trichromacy

#9e82f4 Protanomaly 1% of men, 0.01% of women
#b083d8 Deuteranomaly 6% of men, 0.4% of women
#ec6fa6 Tritanomaly 0.01% of the population

#f358e1 hex color

#f358e1 Color Information

#f358e1 Color Conversion

Color Schemes with #f358e1

Alternatives to #f358e1

#f358e1 Preview

Shades and Tints of #f358e1

Tones of #f358e1

Color Blindness Simulator