#f300f5 hex color

In a RGB color space, hex #f300f5 is composed of 95.3% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 299.5 degrees, a saturation of 100% and a lightness of 48%. #f300f5 color hex could be obtained by blending #ff00ff with #e700eb. Closest websafe color is: #ff00ff.

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

● #f300f5 color description : Pure (or mostly pure) magenta.

The hexadecimal color #f300f5 has RGB values of R:243, G:0, B:245 and CMYK values of C:0.01, M:1, Y:0, K:0.04. Its decimal value is 15925493.

Hex triplet	f300f5	`#f300f5`
RGB Decimal	243, 0, 245	`rgb(243,0,245)`
RGB Percent	95.3, 0, 96.1	`rgb(95.3%,0%,96.1%)`
CMYK	1, 100, 0, 4
HSL	299.5°, 100, 48	`hsl(299.5,100%,48%)`
HSV (or HSB)	299.5°, 100, 96.1
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.704, 94.995, -59.585
XYZ	53.442, 25.651, 88.518
xyY	0.319, 0.153, 25.651
CIE-LCH	57.704, 112.135, 327.902
CIE-LUV	57.704, 79.452, -105.247
Hunter-Lab	50.647, 99.721, -68.171
Binary	11110011, 00000000, 11110101

#f300f5
```
#f300f5 rgb(243,0,245)
```
#02f500
```
#02f500 rgb(2,245,0)
```

Complementary Color

#7900f5
```
#7900f5 rgb(121,0,245)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#f5007d
```
#f5007d rgb(245,0,125)
```

Analogous Color

#00f579
```
#00f579 rgb(0,245,121)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#7df500
```
#7df500 rgb(125,245,0)
```

Split Complementary Color

#00f5f3
```
#00f5f3 rgb(0,245,243)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#f5f300
```
#f5f300 rgb(245,243,0)
```

Triadic Color

#0002f5
```
#0002f5 rgb(0,2,245)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#f5f300
```
#f5f300 rgb(245,243,0)
```
#02f500
```
#02f500 rgb(2,245,0)
```

Tetradic Color

#a700a9
```
#a700a9 rgb(167,0,169)
```
#c000c2
```
#c000c2 rgb(192,0,194)
```
#da00dc
```
#da00dc rgb(218,0,220)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#fd10ff
```
#fd10ff rgb(253,16,255)
```
#fd29ff
```
#fd29ff rgb(253,41,255)
```
#fd43ff
```
#fd43ff rgb(253,67,255)
```

Monochromatic Color

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

#b600f5
```
#b600f5 rgb(182,0,245)
```
#ca00f5
```
#ca00f5 rgb(202,0,245)
```
#df00f5
```
#df00f5 rgb(223,0,245)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```
#f500e3
```
#f500e3 rgb(245,0,227)
```
#f500ce
```
#f500ce rgb(245,0,206)
```
#f500ba
```
#f500ba rgb(245,0,186)
```

Similar Colors

Text with hexadecimal color #f300f5

This text has a font color of #f300f5.

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

#f300f5 background color

This paragraph has a background color of #f300f5.

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

#f300f5 border color

This element has a border color of #f300f5.

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

CSS codes

.text {color:#f300f5;}

.background {background-color:#f300f5;}

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

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, #0a000a is the darkest color, while #fff5ff is the lightest one.

#0a000a
```
#0a000a rgb(10,0,10)
```
#1d001d
```
#1d001d rgb(29,0,29)
```
#300031
```
#300031 rgb(48,0,49)
```
#440044
```
#440044 rgb(68,0,68)
```
#570058
```
#570058 rgb(87,0,88)
```
#6b006c
```
#6b006c rgb(107,0,108)
```
#7e007f
```
#7e007f rgb(126,0,127)
```
#920093
```
#920093 rgb(146,0,147)
```
#a500a7
```
#a500a7 rgb(165,0,167)
```
#b900ba
```
#b900ba rgb(185,0,186)
```
#cc00ce
```
#cc00ce rgb(204,0,206)
```
#e000e1
```
#e000e1 rgb(224,0,225)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```

Shade Color Variation

#fd0aff
```
#fd0aff rgb(253,10,255)
```
#fd1dff
```
#fd1dff rgb(253,29,255)
```
#fd31ff
```
#fd31ff rgb(253,49,255)
```
#fd44ff
```
#fd44ff rgb(253,68,255)
```
#fe58ff
```
#fe58ff rgb(254,88,255)
```
#fe6cff
```
#fe6cff rgb(254,108,255)
```
#fe7fff
```
#fe7fff rgb(254,127,255)
```
#fe93ff
```
#fe93ff rgb(254,147,255)
```
#fea7ff
```
#fea7ff rgb(254,167,255)
```
#febaff
```
#febaff rgb(254,186,255)
```
#ffceff
```
#ffceff rgb(255,206,255)
```
#ffe1ff
```
#ffe1ff rgb(255,225,255)
```
#fff5ff
```
#fff5ff rgb(255,245,255)
```

Tint Color Variation

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

#847184
```
#847184 rgb(132,113,132)
```
#8d688d
```
#8d688d rgb(141,104,141)
```
#965e97
```
#965e97 rgb(150,94,151)
```
#a055a0
```
#a055a0 rgb(160,85,160)
```
#a94baa
```
#a94baa rgb(169,75,170)
```
#b242b3
```
#b242b3 rgb(178,66,179)
```
#bb39bc
```
#bb39bc rgb(187,57,188)
```
#c52fc6
```
#c52fc6 rgb(197,47,198)
```
#ce26cf
```
#ce26cf rgb(206,38,207)
```
#d71cd9
```
#d71cd9 rgb(215,28,217)
```
#e013e2
```
#e013e2 rgb(224,19,226)
```
#ea09ec
```
#ea09ec rgb(234,9,236)
```
#f300f5
```
#f300f5 rgb(243,0,245)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#815182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8dff Protanopia 1% of men
#5e91de Deuteranopia 1% of men
#e3696f Tritanopia 0.001% of the population

Trichromacy

#8759fb Protanomaly 1% of men, 0.01% of women
#945ce6 Deuteranomaly 6% of men, 0.4% of women
#e9429f Tritanomaly 0.01% of the population

#f300f5 hex color

#f300f5 Color Information

#f300f5 Color Conversion

Color Schemes with #f300f5

Alternatives to #f300f5

#f300f5 Preview

Shades and Tints of #f300f5

Tones of #f300f5

Color Blindness Simulator