#f30cfb hex color

In a RGB color space, hex #f30cfb is composed of 95.3% red, 4.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 95.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 298 degrees, a saturation of 96.8% and a lightness of 51.6%. #f30cfb color hex could be obtained by blending #ff18ff with #e700f7. Closest websafe color is: #ff00ff.

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

● #f30cfb color description : Vivid magenta.

The hexadecimal color #f30cfb has RGB values of R:243, G:12, B:251 and CMYK values of C:0.03, M:0.95, Y:0, K:0.02. Its decimal value is 15928571.

Hex triplet	f30cfb	`#f30cfb`
RGB Decimal	243, 12, 251	`rgb(243,12,251)`
RGB Percent	95.3, 4.7, 98.4	`rgb(95.3%,4.7%,98.4%)`
CMYK	3, 95, 0, 2
HSL	298°, 96.8, 51.6	`hsl(298,96.8%,51.6%)`
HSV (or HSB)	298°, 95.2, 98.4
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.308, 95.11, -61.958
XYZ	54.505, 26.286, 93.465
xyY	0.313, 0.151, 26.286
CIE-LCH	58.308, 113.511, 326.918
CIE-LUV	58.308, 76.67, -109.076
Hunter-Lab	51.27, 100.039, -72.195
Binary	11110011, 00001100, 11111011

#f30cfb
```
#f30cfb rgb(243,12,251)
```
#14fb0c
```
#14fb0c rgb(20,251,12)
```

Complementary Color

#7c0cfb
```
#7c0cfb rgb(124,12,251)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#fb0c8c
```
#fb0c8c rgb(251,12,140)
```

Analogous Color

#0cfb7c
```
#0cfb7c rgb(12,251,124)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#8cfb0c
```
#8cfb0c rgb(140,251,12)
```

Split Complementary Color

#0cfbf3
```
#0cfbf3 rgb(12,251,243)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#fbf30c
```
#fbf30c rgb(251,243,12)
```

Triadic Color

#0c14fb
```
#0c14fb rgb(12,20,251)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#fbf30c
```
#fbf30c rgb(251,243,12)
```
#14fb0c
```
#14fb0c rgb(20,251,12)
```

Tetradic Color

#b103b7
```
#b103b7 rgb(177,3,183)
```
#ca03d1
```
#ca03d1 rgb(202,3,209)
```
#e204ea
```
#e204ea rgb(226,4,234)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#f425fb
```
#f425fb rgb(244,37,251)
```
#f53efc
```
#f53efc rgb(245,62,252)
```
#f757fc
```
#f757fc rgb(247,87,252)
```

Monochromatic Color

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

#b70cfb
```
#b70cfb rgb(183,12,251)
```
#cb0cfb
```
#cb0cfb rgb(203,12,251)
```
#df0cfb
```
#df0cfb rgb(223,12,251)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```
#fb0cef
```
#fb0cef rgb(251,12,239)
```
#fb0cdb
```
#fb0cdb rgb(251,12,219)
```
#fb0cc7
```
#fb0cc7 rgb(251,12,199)
```

Similar Colors

Text with hexadecimal color #f30cfb

This text has a font color of #f30cfb.

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

#f30cfb background color

This paragraph has a background color of #f30cfb.

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

#f30cfb border color

This element has a border color of #f30cfb.

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

CSS codes

.text {color:#f30cfb;}

.background {background-color:#f30cfb;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2d012e
```
#2d012e rgb(45,1,46)
```
#400142
```
#400142 rgb(64,1,66)
```
#520155
```
#520155 rgb(82,1,85)
```
#650268
```
#650268 rgb(101,2,104)
```
#78027c
```
#78027c rgb(120,2,124)
```
#8a028f
```
#8a028f rgb(138,2,143)
```
#9d03a2
```
#9d03a2 rgb(157,3,162)
```
#b003b6
```
#b003b6 rgb(176,3,182)
```
#c203c9
```
#c203c9 rgb(194,3,201)
```
#d504dc
```
#d504dc rgb(213,4,220)
```
#e804ef
```
#e804ef rgb(232,4,239)
```

Shade Color Variation

#f30cfb
```
#f30cfb rgb(243,12,251)
```
#f41ffb
```
#f41ffb rgb(244,31,251)
```
#f533fc
```
#f533fc rgb(245,51,252)
```
#f646fc
```
#f646fc rgb(246,70,252)
```
#f759fc
```
#f759fc rgb(247,89,252)
```
#f86cfd
```
#f86cfd rgb(248,108,253)
```
#f980fd
```
#f980fd rgb(249,128,253)
```
#fa93fd
```
#fa93fd rgb(250,147,253)
```
#fba6fe
```
#fba6fe rgb(251,166,254)
```
#fcbafe
```
#fcbafe rgb(252,186,254)
```
#fdcdfe
```
#fdcdfe rgb(253,205,254)
```
#fde0fe
```
#fde0fe rgb(253,224,254)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#897e89
```
#897e89 rgb(137,126,137)
```
#917593
```
#917593 rgb(145,117,147)
```
#9a6b9c
```
#9a6b9c rgb(154,107,156)
```
#a362a6
```
#a362a6 rgb(163,98,166)
```
#ac58af
```
#ac58af rgb(172,88,175)
```
#b54fb9
```
#b54fb9 rgb(181,79,185)
```
#be45c2
```
#be45c2 rgb(190,69,194)
```
#c73ccc
```
#c73ccc rgb(199,60,204)
```
#d032d5
```
#d032d5 rgb(208,50,213)
```
#d829df
```
#d829df rgb(216,41,223)
```
#e11fe8
```
#e11fe8 rgb(225,31,232)
```
#ea16f2
```
#ea16f2 rgb(234,22,242)
```
#f30cfb
```
#f30cfb rgb(243,12,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#5a92e3 Deuteranopia 1% of men
#e26c73 Tritanopia 0.001% of the population

Trichromacy

#8a5ffd Protanomaly 1% of men, 0.01% of women
#9261ec Deuteranomaly 6% of men, 0.4% of women
#e849a4 Tritanomaly 0.01% of the population

#f30cfb hex color

#f30cfb Color Information

#f30cfb Color Conversion

Color Schemes with #f30cfb

Alternatives to #f30cfb

#f30cfb Preview

Shades and Tints of #f30cfb

Tones of #f30cfb

Color Blindness Simulator