#f302bf hex color

In a RGB color space, hex #f302bf is composed of 95.3% red, 0.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 21.4% yellow and 4.7% black. It has a hue angle of 312.9 degrees, a saturation of 98.4% and a lightness of 48%. #f302bf color hex could be obtained by blending #ff04ff with #e7007f. Closest websafe color is: #ff00cc.

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

● #f302bf color description : Vivid magenta.

The hexadecimal color #f302bf has RGB values of R:243, G:2, B:191 and CMYK values of C:0, M:0.99, Y:0.21, K:0.05. Its decimal value is 15925951.

Hex triplet	f302bf	`#f302bf`
RGB Decimal	243, 2, 191	`rgb(243,2,191)`
RGB Percent	95.3, 0.8, 74.9	`rgb(95.3%,0.8%,74.9%)`
CMYK	0, 99, 21, 5
HSL	312.9°, 98.4, 48	`hsl(312.9,98.4%,48%)`
HSV (or HSB)	312.9°, 99.2, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.932, 87.923, -33.287
XYZ	46.388, 22.864, 51.258
xyY	0.385, 0.19, 22.864
CIE-LCH	54.932, 94.013, 339.264
CIE-LUV	54.932, 102.691, -63.885
Hunter-Lab	47.816, 89.49, -30.086
Binary	11110011, 00000010, 10111111

#f302bf
```
#f302bf rgb(243,2,191)
```
#02f336
```
#02f336 rgb(2,243,54)
```

Complementary Color

#af02f3
```
#af02f3 rgb(175,2,243)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#f30246
```
#f30246 rgb(243,2,70)
```

Analogous Color

#02f3af
```
#02f3af rgb(2,243,175)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#46f302
```
#46f302 rgb(70,243,2)
```

Split Complementary Color

#02bff3
```
#02bff3 rgb(2,191,243)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#bff302
```
#bff302 rgb(191,243,2)
```

Triadic Color

#3602f3
```
#3602f3 rgb(54,2,243)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#bff302
```
#bff302 rgb(191,243,2)
```
#02f336
```
#02f336 rgb(2,243,54)
```

Tetradic Color

#a70183
```
#a70183 rgb(167,1,131)
```
#c00297
```
#c00297 rgb(192,2,151)
```
#da02ab
```
#da02ab rgb(218,2,171)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#fd11ca
```
#fd11ca rgb(253,17,202)
```
#fd2bd0
```
#fd2bd0 rgb(253,43,208)
```
#fd44d5
```
#fd44d5 rgb(253,68,213)
```

Monochromatic Color

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

#eb02f3
```
#eb02f3 rgb(235,2,243)
```
#f302e7
```
#f302e7 rgb(243,2,231)
```
#f302d3
```
#f302d3 rgb(243,2,211)
```
#f302bf
```
#f302bf rgb(243,2,191)
```
#f302ab
```
#f302ab rgb(243,2,171)
```
#f30297
```
#f30297 rgb(243,2,151)
```
#f30283
```
#f30283 rgb(243,2,131)
```

Similar Colors

Text with hexadecimal color #f302bf

This text has a font color of #f302bf.

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

#f302bf background color

This paragraph has a background color of #f302bf.

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

#f302bf border color

This element has a border color of #f302bf.

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

CSS codes

.text {color:#f302bf;}

.background {background-color:#f302bf;}

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

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

#0a0007
```
#0a0007 rgb(10,0,7)
```
#1d0017
```
#1d0017 rgb(29,0,23)
```
#300026
```
#300026 rgb(48,0,38)
```
#440135
```
#440135 rgb(68,1,53)
```
#570145
```
#570145 rgb(87,1,69)
```
#6b0154
```
#6b0154 rgb(107,1,84)
```
#7e0163
```
#7e0163 rgb(126,1,99)
```
#920173
```
#920173 rgb(146,1,115)
```
#a50182
```
#a50182 rgb(165,1,130)
```
#b90291
```
#b90291 rgb(185,2,145)
```
#cc02a0
```
#cc02a0 rgb(204,2,160)
```
#e002b0
```
#e002b0 rgb(224,2,176)
```
#f302bf
```
#f302bf rgb(243,2,191)
```

Shade Color Variation

#fd0cc9
```
#fd0cc9 rgb(253,12,201)
```
#fd1fcd
```
#fd1fcd rgb(253,31,205)
```
#fd33d2
```
#fd33d2 rgb(253,51,210)
```
#fd46d6
```
#fd46d6 rgb(253,70,214)
```
#fe59da
```
#fe59da rgb(254,89,218)
```
#fe6ddf
```
#fe6ddf rgb(254,109,223)
```
#fe80e3
```
#fe80e3 rgb(254,128,227)
```
#fe94e7
```
#fe94e7 rgb(254,148,231)
```
#fea7ec
```
#fea7ec rgb(254,167,236)
```
#febbf0
```
#febbf0 rgb(254,187,240)
```
#ffcef4
```
#ffcef4 rgb(255,206,244)
```
#ffe2f8
```
#ffe2f8 rgb(255,226,248)
```
#fff5fd
```
#fff5fd rgb(255,245,253)
```

Tint Color Variation

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

#82737f
```
#82737f rgb(130,115,127)
```
#8b6a84
```
#8b6a84 rgb(139,106,132)
```
#956089
```
#956089 rgb(149,96,137)
```
#9e578f
```
#9e578f rgb(158,87,143)
```
#a84d94
```
#a84d94 rgb(168,77,148)
```
#b1449a
```
#b1449a rgb(177,68,154)
```
#ba3b9f
```
#ba3b9f rgb(186,59,159)
```
#c431a4
```
#c431a4 rgb(196,49,164)
```
#cd28aa
```
#cd28aa rgb(205,40,170)
```
#d71eaf
```
#d71eaf rgb(215,30,175)
```
#e015b4
```
#e015b4 rgb(224,21,180)
```
#ea0bba
```
#ea0bba rgb(234,11,186)
```
#f302bf
```
#f302bf rgb(243,2,191)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7d4d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3185ff Protanopia 1% of men
#8187af Deuteranopia 1% of men
#ea5357 Tritanopia 0.001% of the population

Trichromacy

#7855e7 Protanomaly 1% of men, 0.01% of women
#aa57b5 Deuteranomaly 6% of men, 0.4% of women
#ed357d Tritanomaly 0.01% of the population

#f302bf hex color

#f302bf Color Information

#f302bf Color Conversion

Color Schemes with #f302bf

Alternatives to #f302bf

#f302bf Preview

Shades and Tints of #f302bf

Tones of #f302bf

Color Blindness Simulator