#f364fd hex color

In a RGB color space, hex #f364fd is composed of 95.3% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.1 degrees, a saturation of 97.5% and a lightness of 69.2%. #f364fd color hex could be obtained by blending #ffc8ff with #e700fb. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 95
- G 39
- B 99
RGB color chart
- C 4
- M 60
- Y 0
- K 1
CMYK color chart

● #f364fd color description : Soft magenta.

The hexadecimal color #f364fd has RGB values of R:243, G:100, B:253 and CMYK values of C:0.04, M:0.6, Y:0, K:0.01. Its decimal value is 15951101.

Hex triplet	f364fd	`#f364fd`
RGB Decimal	243, 100, 253	`rgb(243,100,253)`
RGB Percent	95.3, 39.2, 99.2	`rgb(95.3%,39.2%,99.2%)`
CMYK	4, 60, 0, 1
HSL	296.1°, 97.5, 69.2	`hsl(296.1,97.5%,69.2%)`
HSV (or HSB)	296.1°, 60.5, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.954, 73.868, -50.884
XYZ	59.247, 35.264, 96.609
xyY	0.31, 0.185, 35.264
CIE-LCH	65.954, 89.698, 325.439
CIE-LUV	65.954, 61.792, -91.634
Hunter-Lab	59.383, 74.17, -54.889
Binary	11110011, 01100100, 11111101

#f364fd
```
#f364fd rgb(243,100,253)
```
#6efd64
```
#6efd64 rgb(110,253,100)
```

Complementary Color

#a764fd
```
#a764fd rgb(167,100,253)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#fd64bb
```
#fd64bb rgb(253,100,187)
```

Analogous Color

#64fda7
```
#64fda7 rgb(100,253,167)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#bbfd64
```
#bbfd64 rgb(187,253,100)
```

Split Complementary Color

#64fdf3
```
#64fdf3 rgb(100,253,243)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#fdf364
```
#fdf364 rgb(253,243,100)
```

Triadic Color

#646efd
```
#646efd rgb(100,110,253)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#fdf364
```
#fdf364 rgb(253,243,100)
```
#6efd64
```
#6efd64 rgb(110,253,100)
```

Tetradic Color

#ed18fc
```
#ed18fc rgb(237,24,252)
```
#ef32fc
```
#ef32fc rgb(239,50,252)
```
#f14bfd
```
#f14bfd rgb(241,75,253)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#f57dfd
```
#f57dfd rgb(245,125,253)
```
#f796fe
```
#f796fe rgb(247,150,254)
```
#f9b0fe
```
#f9b0fe rgb(249,176,254)
```

Monochromatic Color

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

#cd64fd
```
#cd64fd rgb(205,100,253)
```
#da64fd
```
#da64fd rgb(218,100,253)
```
#e664fd
```
#e664fd rgb(230,100,253)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#fd64fa
```
#fd64fa rgb(253,100,250)
```
#fd64ee
```
#fd64ee rgb(253,100,238)
```
#fd64e1
```
#fd64e1 rgb(253,100,225)
```

Similar Colors

Text with hexadecimal color #f364fd

This text has a font color of #f364fd.

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

#f364fd background color

This paragraph has a background color of #f364fd.

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

#f364fd border color

This element has a border color of #f364fd.

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

CSS codes

.text {color:#f364fd;}

.background {background-color:#f364fd;}

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

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

#120013
```
#120013 rgb(18,0,19)
```
#240027
```
#240027 rgb(36,0,39)
```
#36013a
```
#36013a rgb(54,1,58)
```
#48014d
```
#48014d rgb(72,1,77)
```
#5b0161
```
#5b0161 rgb(91,1,97)
```
#6d0174
```
#6d0174 rgb(109,1,116)
```
#7f0287
```
#7f0287 rgb(127,2,135)
```
#91029b
```
#91029b rgb(145,2,155)
```
#a302ae
```
#a302ae rgb(163,2,174)
```
#b502c2
```
#b502c2 rgb(181,2,194)
```
#c703d5
```
#c703d5 rgb(199,3,213)
```
#d903e8
```
#d903e8 rgb(217,3,232)
```
#eb03fc
```
#eb03fc rgb(235,3,252)
```

Shade Color Variation

#ed17fc
```
#ed17fc rgb(237,23,252)
```
#ef2afc
```
#ef2afc rgb(239,42,252)
```
#f03dfd
```
#f03dfd rgb(240,61,253)
```
#f251fd
```
#f251fd rgb(242,81,253)
```
#f364fd
```
#f364fd rgb(243,100,253)
```
#f477fd
```
#f477fd rgb(244,119,253)
```
#f68bfd
```
#f68bfd rgb(246,139,253)
```
#f79efe
```
#f79efe rgb(247,158,254)
```
#f9b1fe
```
#f9b1fe rgb(249,177,254)
```
#fac5fe
```
#fac5fe rgb(250,197,254)
```
#fcd8fe
```
#fcd8fe rgb(252,216,254)
```
#fdecff
```
#fdecff rgb(253,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b4acb5
```
#b4acb5 rgb(180,172,181)
```
#b9a6bb
```
#b9a6bb rgb(185,166,187)
```
#bfa0c1
```
#bfa0c1 rgb(191,160,193)
```
#c49ac7
```
#c49ac7 rgb(196,154,199)
```
#c994cd
```
#c994cd rgb(201,148,205)
```
#ce8ed3
```
#ce8ed3 rgb(206,142,211)
```
#d488d9
```
#d488d9 rgb(212,136,217)
```
#d982df
```
#d982df rgb(217,130,223)
```
#de7ce5
```
#de7ce5 rgb(222,124,229)
```
#e376eb
```
#e376eb rgb(227,118,235)
```
#e970f1
```
#e970f1 rgb(233,112,241)
```
#ee6af7
```
#ee6af7 rgb(238,106,247)
```
#f364fd
```
#f364fd rgb(243,100,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b194b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ca2ff Protanopia 1% of men
#82a4ec Deuteranopia 1% of men
#e48b94 Tritanopia 0.001% of the population

Trichromacy

#a78bfe Protanomaly 1% of men, 0.01% of women
#ab8cf2 Deuteranomaly 6% of men, 0.4% of women
#ea7dba Tritanomaly 0.01% of the population

#f364fd hex color

#f364fd Color Information

#f364fd Color Conversion

Color Schemes with #f364fd

Alternatives to #f364fd

#f364fd Preview

Shades and Tints of #f364fd

Tones of #f364fd

Color Blindness Simulator