#f30bec hex color

In a RGB color space, hex #f30bec is composed of 95.3% red, 4.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.5% magenta, 2.9% yellow and 4.7% black. It has a hue angle of 301.8 degrees, a saturation of 91.3% and a lightness of 49.8%. #f30bec color hex could be obtained by blending #ff16ff with #e700d9. Closest websafe color is: #ff00ff.

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

● #f30bec color description : Vivid magenta.

The hexadecimal color #f30bec has RGB values of R:243, G:11, B:236 and CMYK values of C:0, M:0.95, Y:0.03, K:0.05. Its decimal value is 15928300.

Hex triplet	f30bec	`#f30bec`
RGB Decimal	243, 11, 236	`rgb(243,11,236)`
RGB Percent	95.3, 4.3, 92.5	`rgb(95.3%,4.3%,92.5%)`
CMYK	0, 95, 3, 5
HSL	301.8°, 91.3, 49.8	`hsl(301.8,91.3%,49.8%)`
HSV (or HSB)	301.8°, 95.5, 95.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.419, 93.058, -55.005
XYZ	52.221, 25.354, 81.496
xyY	0.328, 0.159, 25.354
CIE-LCH	57.419, 108.099, 329.414
CIE-LUV	57.419, 82.629, -98.001
Hunter-Lab	50.353, 97.007, -60.714
Binary	11110011, 00001011, 11101100

#f30bec
```
#f30bec rgb(243,11,236)
```
#0bf312
```
#0bf312 rgb(11,243,18)
```

Complementary Color

#860bf3
```
#860bf3 rgb(134,11,243)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#f30b78
```
#f30b78 rgb(243,11,120)
```

Analogous Color

#0bf386
```
#0bf386 rgb(11,243,134)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#78f30b
```
#78f30b rgb(120,243,11)
```

Split Complementary Color

#0becf3
```
#0becf3 rgb(11,236,243)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#ecf30b
```
#ecf30b rgb(236,243,11)
```

Triadic Color

#120bf3
```
#120bf3 rgb(18,11,243)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#ecf30b
```
#ecf30b rgb(236,243,11)
```
#0bf312
```
#0bf312 rgb(11,243,18)
```

Tetradic Color

#aa08a5
```
#aa08a5 rgb(170,8,165)
```
#c209bd
```
#c209bd rgb(194,9,189)
```
#db0ad4
```
#db0ad4 rgb(219,10,212)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#f522ef
```
#f522ef rgb(245,34,239)
```
#f63bf0
```
#f63bf0 rgb(246,59,240)
```
#f753f2
```
#f753f2 rgb(247,83,242)
```

Monochromatic Color

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

#c00bf3
```
#c00bf3 rgb(192,11,243)
```
#d30bf3
```
#d30bf3 rgb(211,11,243)
```
#e70bf3
```
#e70bf3 rgb(231,11,243)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#f30bd9
```
#f30bd9 rgb(243,11,217)
```
#f30bc5
```
#f30bc5 rgb(243,11,197)
```
#f30bb2
```
#f30bb2 rgb(243,11,178)
```

Similar Colors

Text with hexadecimal color #f30bec

This text has a font color of #f30bec.

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

#f30bec background color

This paragraph has a background color of #f30bec.

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

#f30bec border color

This element has a border color of #f30bec.

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

CSS codes

.text {color:#f30bec;}

.background {background-color:#f30bec;}

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

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

#120111
```
#120111 rgb(18,1,17)
```
#250224
```
#250224 rgb(37,2,36)
```
#370336
```
#370336 rgb(55,3,54)
```
#4a0348
```
#4a0348 rgb(74,3,72)
```
#5d045a
```
#5d045a rgb(93,4,90)
```
#70056c
```
#70056c rgb(112,5,108)
```
#82067f
```
#82067f rgb(130,6,127)
```
#950791
```
#950791 rgb(149,7,145)
```
#a808a3
```
#a808a3 rgb(168,8,163)
```
#bb08b5
```
#bb08b5 rgb(187,8,181)
```
#cd09c8
```
#cd09c8 rgb(205,9,200)
```
#e00ada
```
#e00ada rgb(224,10,218)
```
#f30bec
```
#f30bec rgb(243,11,236)
```

Shade Color Variation

#f51dee
```
#f51dee rgb(245,29,238)
```
#f630f0
```
#f630f0 rgb(246,48,240)
```
#f642f1
```
#f642f1 rgb(246,66,241)
```
#f755f2
```
#f755f2 rgb(247,85,242)
```
#f868f4
```
#f868f4 rgb(248,104,244)
```
#f97bf5
```
#f97bf5 rgb(249,123,245)
```
#fa8df7
```
#fa8df7 rgb(250,141,247)
```
#fba0f8
```
#fba0f8 rgb(251,160,248)
```
#fcb3f9
```
#fcb3f9 rgb(252,179,249)
```
#fcc6fb
```
#fcc6fb rgb(252,198,251)
```
#fdd9fc
```
#fdd9fc rgb(253,217,252)
```
#feebfe
```
#feebfe rgb(254,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#887687
```
#887687 rgb(136,118,135)
```
#916d90
```
#916d90 rgb(145,109,144)
```
#9b6399
```
#9b6399 rgb(155,99,153)
```
#a559a3
```
#a559a3 rgb(165,89,163)
```
#af4fac
```
#af4fac rgb(175,79,172)
```
#b846b5
```
#b846b5 rgb(184,70,181)
```
#c23cbe
```
#c23cbe rgb(194,60,190)
```
#cc32c7
```
#cc32c7 rgb(204,50,199)
```
#d628d0
```
#d628d0 rgb(214,40,208)
```
#df1fda
```
#df1fda rgb(223,31,218)
```
#e915e3
```
#e915e3 rgb(233,21,227)
```
#f30bec
```
#f30bec rgb(243,11,236)
```
#fd01f5
```
#fd01f5 rgb(253,1,245)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#855784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#678fd6 Deuteranopia 1% of men
#e4666c Tritanopia 0.001% of the population

Trichromacy

#865df8 Protanomaly 1% of men, 0.01% of women
#9a5fde Deuteranomaly 6% of men, 0.4% of women
#ea459a Tritanomaly 0.01% of the population

#f30bec hex color

#f30bec Color Information

#f30bec Color Conversion

Color Schemes with #f30bec

Alternatives to #f30bec

#f30bec Preview

Shades and Tints of #f30bec

Tones of #f30bec

Color Blindness Simulator