#f302f5 hex color

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

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

● #f302f5 color description : Vivid magenta.

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

Hex triplet	f302f5	`#f302f5`
RGB Decimal	243, 2, 245	`rgb(243,2,245)`
RGB Percent	95.3, 0.8, 96.1	`rgb(95.3%,0.8%,96.1%)`
CMYK	1, 99, 0, 4
HSL	299.5°, 98.4, 48.4	`hsl(299.5,98.4%,48.4%)`
HSV (or HSB)	299.5°, 99.2, 96.1
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.746, 94.872, -59.518
XYZ	53.464, 25.694, 88.525
xyY	0.319, 0.153, 25.694
CIE-LCH	57.746, 111.996, 327.898
CIE-LUV	57.746, 79.377, -105.149
Hunter-Lab	50.69, 99.563, -68.062
Binary	11110011, 00000010, 11110101

#f302f5
```
#f302f5 rgb(243,2,245)
```
#04f502
```
#04f502 rgb(4,245,2)
```

Complementary Color

#7a02f5
```
#7a02f5 rgb(122,2,245)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#f5027e
```
#f5027e rgb(245,2,126)
```

Analogous Color

#02f57a
```
#02f57a rgb(2,245,122)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#7ef502
```
#7ef502 rgb(126,245,2)
```

Split Complementary Color

#02f5f3
```
#02f5f3 rgb(2,245,243)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#f5f302
```
#f5f302 rgb(245,243,2)
```

Triadic Color

#0204f5
```
#0204f5 rgb(2,4,245)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#f5f302
```
#f5f302 rgb(245,243,2)
```
#04f502
```
#04f502 rgb(4,245,2)
```

Tetradic Color

#a801a9
```
#a801a9 rgb(168,1,169)
```
#c102c2
```
#c102c2 rgb(193,2,194)
```
#da02dc
```
#da02dc rgb(218,2,220)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#fb13fd
```
#fb13fd rgb(251,19,253)
```
#fc2dfd
```
#fc2dfd rgb(252,45,253)
```
#fc46fd
```
#fc46fd rgb(252,70,253)
```

Monochromatic Color

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

#b602f5
```
#b602f5 rgb(182,2,245)
```
#cb02f5
```
#cb02f5 rgb(203,2,245)
```
#df02f5
```
#df02f5 rgb(223,2,245)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```
#f502e3
```
#f502e3 rgb(245,2,227)
```
#f502cf
```
#f502cf rgb(245,2,207)
```
#f502ba
```
#f502ba rgb(245,2,186)
```

Similar Colors

Text with hexadecimal color #f302f5

This text has a font color of #f302f5.

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

#f302f5 background color

This paragraph has a background color of #f302f5.

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

#f302f5 border color

This element has a border color of #f302f5.

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

CSS codes

.text {color:#f302f5;}

.background {background-color:#f302f5;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1f001f
```
#1f001f rgb(31,0,31)
```
#320032
```
#320032 rgb(50,0,50)
```
#450146
```
#450146 rgb(69,1,70)
```
#590159
```
#590159 rgb(89,1,89)
```
#6c016d
```
#6c016d rgb(108,1,109)
```
#7f0180
```
#7f0180 rgb(127,1,128)
```
#930194
```
#930194 rgb(147,1,148)
```
#a601a7
```
#a601a7 rgb(166,1,167)
```
#b902bb
```
#b902bb rgb(185,2,187)
```
#cc02ce
```
#cc02ce rgb(204,2,206)
```
#e002e2
```
#e002e2 rgb(224,2,226)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```

Shade Color Variation

#fb0efd
```
#fb0efd rgb(251,14,253)
```
#fb21fd
```
#fb21fd rgb(251,33,253)
```
#fc34fd
```
#fc34fd rgb(252,52,253)
```
#fc48fe
```
#fc48fe rgb(252,72,254)
```
#fc5bfe
```
#fc5bfe rgb(252,91,254)
```
#fd6ffe
```
#fd6ffe rgb(253,111,254)
```
#fd82fe
```
#fd82fe rgb(253,130,254)
```
#fd96fe
```
#fd96fe rgb(253,150,254)
```
#fea9fe
```
#fea9fe rgb(254,169,254)
```
#febdfe
```
#febdfe rgb(254,189,254)
```
#fed0ff
```
#fed0ff rgb(254,208,255)
```
#ffe4ff
```
#ffe4ff rgb(255,228,255)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#837483
```
#837483 rgb(131,116,131)
```
#8c6b8d
```
#8c6b8d rgb(140,107,141)
```
#966196
```
#966196 rgb(150,97,150)
```
#9f58a0
```
#9f58a0 rgb(159,88,160)
```
#a84ea9
```
#a84ea9 rgb(168,78,169)
```
#b245b3
```
#b245b3 rgb(178,69,179)
```
#bb3bbc
```
#bb3bbc rgb(187,59,188)
```
#c432c6
```
#c432c6 rgb(196,50,198)
```
#ce28cf
```
#ce28cf rgb(206,40,207)
```
#d71fd9
```
#d71fd9 rgb(215,31,217)
```
#e015e2
```
#e015e2 rgb(224,21,226)
```
#ea0cec
```
#ea0cec rgb(234,12,236)
```
#f302f5
```
#f302f5 rgb(243,2,245)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#825283 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#875afb Protanomaly 1% of men, 0.01% of women
#945de6 Deuteranomaly 6% of men, 0.4% of women
#e943a0 Tritanomaly 0.01% of the population

#f302f5 hex color

#f302f5 Color Information

#f302f5 Color Conversion

Color Schemes with #f302f5

Alternatives to #f302f5

#f302f5 Preview

Shades and Tints of #f302f5

Tones of #f302f5

Color Blindness Simulator