#f358dc hex color

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

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

● #f358dc color description : Soft magenta.

The hexadecimal color #f358dc has RGB values of R:243, G:88, B:220 and CMYK values of C:0, M:0.64, Y:0.09, K:0.05. Its decimal value is 15947996.

Hex triplet	f358dc	`#f358dc`
RGB Decimal	243, 88, 220	`rgb(243,88,220)`
RGB Percent	95.3, 34.5, 86.3	`rgb(95.3%,34.5%,86.3%)`
CMYK	0, 64, 9, 5
HSL	308.9°, 86.6, 64.9	`hsl(308.9,86.6%,64.9%)`
HSV (or HSB)	308.9°, 63.8, 95.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.68, 73.358, -37.71
XYZ	53.37, 31.205, 70.919
xyY	0.343, 0.201, 31.205
CIE-LCH	62.68, 82.483, 332.795
CIE-LUV	62.68, 75.718, -69.928
Hunter-Lab	55.861, 72.78, -36.168
Binary	11110011, 01011000, 11011100

#f358dc
```
#f358dc rgb(243,88,220)
```
#58f36f
```
#58f36f rgb(88,243,111)
```

Complementary Color

#bd58f3
```
#bd58f3 rgb(189,88,243)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#f3588f
```
#f3588f rgb(243,88,143)
```

Analogous Color

#58f3bd
```
#58f3bd rgb(88,243,189)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#8ff358
```
#8ff358 rgb(143,243,88)
```

Split Complementary Color

#58dcf3
```
#58dcf3 rgb(88,220,243)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#dcf358
```
#dcf358 rgb(220,243,88)
```

Triadic Color

#6f58f3
```
#6f58f3 rgb(111,88,243)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#dcf358
```
#dcf358 rgb(220,243,88)
```
#58f36f
```
#58f36f rgb(88,243,111)
```

Tetradic Color

#ed11cd
```
#ed11cd rgb(237,17,205)
```
#f028d2
```
#f028d2 rgb(240,40,210)
```
#f140d7
```
#f140d7 rgb(241,64,215)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#f570e1
```
#f570e1 rgb(245,112,225)
```
#f688e6
```
#f688e6 rgb(246,136,230)
```
#f89feb
```
#f89feb rgb(248,159,235)
```

Monochromatic Color

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

#e358f3
```
#e358f3 rgb(227,88,243)
```
#f058f3
```
#f058f3 rgb(240,88,243)
```
#f358e9
```
#f358e9 rgb(243,88,233)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#f358cf
```
#f358cf rgb(243,88,207)
```
#f358c2
```
#f358c2 rgb(243,88,194)
```
#f358b5
```
#f358b5 rgb(243,88,181)
```

Similar Colors

Text with hexadecimal color #f358dc

This text has a font color of #f358dc.

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

#f358dc background color

This paragraph has a background color of #f358dc.

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

#f358dc border color

This element has a border color of #f358dc.

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

CSS codes

.text {color:#f358dc;}

.background {background-color:#f358dc;}

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

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)
```
#22021e
```
#22021e rgb(34,2,30)
```
#35042d
```
#35042d rgb(53,4,45)
```
#47053d
```
#47053d rgb(71,5,61)
```
#59064d
```
#59064d rgb(89,6,77)
```
#6c085d
```
#6c085d rgb(108,8,93)
```
#7e096c
```
#7e096c rgb(126,9,108)
```
#900a7c
```
#900a7c rgb(144,10,124)
```
#a20c8c
```
#a20c8c rgb(162,12,140)
```
#b50d9c
```
#b50d9c rgb(181,13,156)
```
#c70eac
```
#c70eac rgb(199,14,172)
```
#d910bb
```
#d910bb rgb(217,16,187)
```
#ec11cb
```
#ec11cb rgb(236,17,203)
```

Shade Color Variation

#ef21d0
```
#ef21d0 rgb(239,33,208)
```
#f033d4
```
#f033d4 rgb(240,51,212)
```
#f246d8
```
#f246d8 rgb(242,70,216)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#f46ae0
```
#f46ae0 rgb(244,106,224)
```
#f67de4
```
#f67de4 rgb(246,125,228)
```
#f78fe8
```
#f78fe8 rgb(247,143,232)
```
#f8a1eb
```
#f8a1eb rgb(248,161,235)
```
#fab4ef
```
#fab4ef rgb(250,180,239)
```
#fbc6f3
```
#fbc6f3 rgb(251,198,243)
```
#fcd8f7
```
#fcd8f7 rgb(252,216,247)
```
#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 #fa51e1 is the most saturated one.

#a7a4a7
```
#a7a4a7 rgb(167,164,167)
```
#ae9dac
```
#ae9dac rgb(174,157,172)
```
#b596b0
```
#b596b0 rgb(181,150,176)
```
#bc8fb5
```
#bc8fb5 rgb(188,143,181)
```
#c388ba
```
#c388ba rgb(195,136,186)
```
#ca81bf
```
#ca81bf rgb(202,129,191)
```
#d17ac4
```
#d17ac4 rgb(209,122,196)
```
#d774c9
```
#d774c9 rgb(215,116,201)
```
#de6dcd
```
#de6dcd rgb(222,109,205)
```
#e566d2
```
#e566d2 rgb(229,102,210)
```
#ec5fd7
```
#ec5fd7 rgb(236,95,215)
```
#f358dc
```
#f358dc rgb(243,88,220)
```
#fa51e1
```
#fa51e1 rgb(250,81,225)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a889a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c99ff Protanopia 1% of men
#8d9bce Deuteranopia 1% of men
#e97b83 Tritanopia 0.001% of the population

Trichromacy

#9d81f2 Protanomaly 1% of men, 0.01% of women
#b282d3 Deuteranomaly 6% of men, 0.4% of women
#ec6ea3 Tritanomaly 0.01% of the population

#f358dc hex color

#f358dc Color Information

#f358dc Color Conversion

Color Schemes with #f358dc

Alternatives to #f358dc

#f358dc Preview

Shades and Tints of #f358dc

Tones of #f358dc

Color Blindness Simulator