#f305fd hex color

In a RGB color space, hex #f305fd is composed of 95.3% red, 2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 98% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.6 degrees, a saturation of 98.4% and a lightness of 50.6%. #f305fd color hex could be obtained by blending #ff0aff with #e700fb. Closest websafe color is: #ff00ff.

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

● #f305fd color description : Vivid magenta.

The hexadecimal color #f305fd has RGB values of R:243, G:5, B:253 and CMYK values of C:0.04, M:0.98, Y:0, K:0.01. Its decimal value is 15926781.

Hex triplet	f305fd	`#f305fd`
RGB Decimal	243, 5, 253	`rgb(243,5,253)`
RGB Percent	95.3, 2, 99.2	`rgb(95.3%,2%,99.2%)`
CMYK	4, 98, 0, 1
HSL	297.6°, 98.4, 50.6	`hsl(297.6,98.4%,50.6%)`
HSV (or HSB)	297.6°, 98, 99.2
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.282, 95.831, -63.111
XYZ	54.745, 26.259, 95.108
xyY	0.311, 0.149, 26.259
CIE-LCH	58.282, 114.745, 326.632
CIE-LUV	58.282, 76.158, -110.877
Hunter-Lab	51.243, 101.021, -74.173
Binary	11110011, 00000101, 11111101

#f305fd
```
#f305fd rgb(243,5,253)
```
#0ffd05
```
#0ffd05 rgb(15,253,5)
```

Complementary Color

#7705fd
```
#7705fd rgb(119,5,253)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#fd058b
```
#fd058b rgb(253,5,139)
```

Analogous Color

#05fd77
```
#05fd77 rgb(5,253,119)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#8bfd05
```
#8bfd05 rgb(139,253,5)
```

Split Complementary Color

#05fdf3
```
#05fdf3 rgb(5,253,243)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#fdf305
```
#fdf305 rgb(253,243,5)
```

Triadic Color

#050ffd
```
#050ffd rgb(5,15,253)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#fdf305
```
#fdf305 rgb(253,243,5)
```
#0ffd05
```
#0ffd05 rgb(15,253,5)
```

Tetradic Color

#ad01b4
```
#ad01b4 rgb(173,1,180)
```
#c502cd
```
#c502cd rgb(197,2,205)
```
#dd02e7
```
#dd02e7 rgb(221,2,231)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#f41efd
```
#f41efd rgb(244,30,253)
```
#f538fd
```
#f538fd rgb(245,56,253)
```
#f751fe
```
#f751fe rgb(247,81,254)
```

Monochromatic Color

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

#b505fd
```
#b505fd rgb(181,5,253)
```
#ca05fd
```
#ca05fd rgb(202,5,253)
```
#de05fd
```
#de05fd rgb(222,5,253)
```
#f305fd
```
#f305fd rgb(243,5,253)
```
#fd05f2
```
#fd05f2 rgb(253,5,242)
```
#fd05de
```
#fd05de rgb(253,5,222)
```
#fd05c9
```
#fd05c9 rgb(253,5,201)
```

Similar Colors

Text with hexadecimal color #f305fd

This text has a font color of #f305fd.

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

#f305fd background color

This paragraph has a background color of #f305fd.

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

#f305fd border color

This element has a border color of #f305fd.

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

CSS codes

.text {color:#f305fd;}

.background {background-color:#f305fd;}

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

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)
```
#160016
```
#160016 rgb(22,0,22)
```
#28002a
```
#28002a rgb(40,0,42)
```
#3b003d
```
#3b003d rgb(59,0,61)
```
#4e0151
```
#4e0151 rgb(78,1,81)
```
#600164
```
#600164 rgb(96,1,100)
```
#730178
```
#730178 rgb(115,1,120)
```
#86018b
```
#86018b rgb(134,1,139)
```
#98019f
```
#98019f rgb(152,1,159)
```
#ab01b2
```
#ab01b2 rgb(171,1,178)
```
#be02c6
```
#be02c6 rgb(190,2,198)
```
#d002d9
```
#d002d9 rgb(208,2,217)
```
#e302ec
```
#e302ec rgb(227,2,236)
```

Shade Color Variation

#f305fd
```
#f305fd rgb(243,5,253)
```
#f418fd
```
#f418fd rgb(244,24,253)
```
#f52cfd
```
#f52cfd rgb(245,44,253)
```
#f63ffd
```
#f63ffd rgb(246,63,253)
```
#f753fe
```
#f753fe rgb(247,83,254)
```
#f866fe
```
#f866fe rgb(248,102,254)
```
#f97afe
```
#f97afe rgb(249,122,254)
```
#fa8dfe
```
#fa8dfe rgb(250,141,254)
```
#faa1fe
```
#faa1fe rgb(250,161,254)
```
#fbb4fe
```
#fbb4fe rgb(251,180,254)
```
#fcc8ff
```
#fcc8ff rgb(252,200,255)
```
#fddbff
```
#fddbff rgb(253,219,255)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#887989
```
#887989 rgb(136,121,137)
```
#917092
```
#917092 rgb(145,112,146)
```
#9a669c
```
#9a669c rgb(154,102,156)
```
#a35ca6
```
#a35ca6 rgb(163,92,166)
```
#ac53af
```
#ac53af rgb(172,83,175)
```
#b549b9
```
#b549b9 rgb(181,73,185)
```
#be3fc3
```
#be3fc3 rgb(190,63,195)
```
#c635cd
```
#c635cd rgb(198,53,205)
```
#cf2cd6
```
#cf2cd6 rgb(207,44,214)
```
#d822e0
```
#d822e0 rgb(216,34,224)
```
#e118ea
```
#e118ea rgb(225,24,234)
```
#ea0ff3
```
#ea0ff3 rgb(234,15,243)
```
#f305fd
```
#f305fd rgb(243,5,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#845486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#5792e5 Deuteranopia 1% of men
#e26c73 Tritanopia 0.001% of the population

Trichromacy

#8a5cfe Protanomaly 1% of men, 0.01% of women
#905fed Deuteranomaly 6% of men, 0.4% of women
#e846a5 Tritanomaly 0.01% of the population

#f305fd hex color

#f305fd Color Information

#f305fd Color Conversion

Color Schemes with #f305fd

Alternatives to #f305fd

#f305fd Preview

Shades and Tints of #f305fd

Tones of #f305fd

Color Blindness Simulator