#f30bd0 hex color

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

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

● #f30bd0 color description : Vivid magenta.

The hexadecimal color #f30bd0 has RGB values of R:243, G:11, B:208 and CMYK values of C:0, M:0.95, Y:0.14, K:0.05. Its decimal value is 15928272.

Hex triplet	f30bd0	`#f30bd0`
RGB Decimal	243, 11, 208	`rgb(243,11,208)`
RGB Percent	95.3, 4.3, 81.6	`rgb(95.3%,4.3%,81.6%)`
CMYK	0, 95, 14, 5
HSL	309.1°, 91.3, 49.8	`hsl(309.1,91.3%,49.8%)`
HSV (or HSB)	309.1°, 95.5, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.94, 89.375, -41.489
XYZ	48.467, 23.852, 61.723
xyY	0.362, 0.178, 23.852
CIE-LCH	55.94, 98.535, 335.099
CIE-LUV	55.94, 94.51, -76.62
Hunter-Lab	48.839, 91.673, -40.744
Binary	11110011, 00001011, 11010000

#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#0bf32e
```
#0bf32e rgb(11,243,46)
```

Complementary Color

#a20bf3
```
#a20bf3 rgb(162,11,243)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#f30b5c
```
#f30b5c rgb(243,11,92)
```

Analogous Color

#0bf3a2
```
#0bf3a2 rgb(11,243,162)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#5cf30b
```
#5cf30b rgb(92,243,11)
```

Split Complementary Color

#0bd0f3
```
#0bd0f3 rgb(11,208,243)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#d0f30b
```
#d0f30b rgb(208,243,11)
```

Triadic Color

#2e0bf3
```
#2e0bf3 rgb(46,11,243)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#d0f30b
```
#d0f30b rgb(208,243,11)
```
#0bf32e
```
#0bf32e rgb(11,243,46)
```

Tetradic Color

#aa0891
```
#aa0891 rgb(170,8,145)
```
#c209a6
```
#c209a6 rgb(194,9,166)
```
#db0abb
```
#db0abb rgb(219,10,187)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#f522d5
```
#f522d5 rgb(245,34,213)
```
#f63bda
```
#f63bda rgb(246,59,218)
```
#f753de
```
#f753de rgb(247,83,222)
```

Monochromatic Color

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

#dc0bf3
```
#dc0bf3 rgb(220,11,243)
```
#ef0bf3
```
#ef0bf3 rgb(239,11,243)
```
#f30be3
```
#f30be3 rgb(243,11,227)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#f30bbd
```
#f30bbd rgb(243,11,189)
```
#f30ba9
```
#f30ba9 rgb(243,11,169)
```
#f30b96
```
#f30b96 rgb(243,11,150)
```

Similar Colors

Text with hexadecimal color #f30bd0

This text has a font color of #f30bd0.

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

#f30bd0 background color

This paragraph has a background color of #f30bd0.

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

#f30bd0 border color

This element has a border color of #f30bd0.

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

CSS codes

.text {color:#f30bd0;}

.background {background-color:#f30bd0;}

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

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

#12010f
```
#12010f rgb(18,1,15)
```
#25021f
```
#25021f rgb(37,2,31)
```
#37032f
```
#37032f rgb(55,3,47)
```
#4a033f
```
#4a033f rgb(74,3,63)
```
#5d044f
```
#5d044f rgb(93,4,79)
```
#700560
```
#700560 rgb(112,5,96)
```
#820670
```
#820670 rgb(130,6,112)
```
#950780
```
#950780 rgb(149,7,128)
```
#a80890
```
#a80890 rgb(168,8,144)
```
#bb08a0
```
#bb08a0 rgb(187,8,160)
```
#cd09b0
```
#cd09b0 rgb(205,9,176)
```
#e00ac0
```
#e00ac0 rgb(224,10,192)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```

Shade Color Variation

#f51dd4
```
#f51dd4 rgb(245,29,212)
```
#f630d8
```
#f630d8 rgb(246,48,216)
```
#f642db
```
#f642db rgb(246,66,219)
```
#f755df
```
#f755df rgb(247,85,223)
```
#f868e2
```
#f868e2 rgb(248,104,226)
```
#f97be6
```
#f97be6 rgb(249,123,230)
```
#fa8dea
```
#fa8dea rgb(250,141,234)
```
#fba0ed
```
#fba0ed rgb(251,160,237)
```
#fcb3f1
```
#fcb3f1 rgb(252,179,241)
```
#fcc6f4
```
#fcc6f4 rgb(252,198,244)
```
#fdd9f8
```
#fdd9f8 rgb(253,217,248)
```
#feebfb
```
#feebfb rgb(254,235,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#887685
```
#887685 rgb(136,118,133)
```
#916d8c
```
#916d8c rgb(145,109,140)
```
#9b6393
```
#9b6393 rgb(155,99,147)
```
#a55999
```
#a55999 rgb(165,89,153)
```
#af4fa0
```
#af4fa0 rgb(175,79,160)
```
#b846a7
```
#b846a7 rgb(184,70,167)
```
#c23cae
```
#c23cae rgb(194,60,174)
```
#cc32b5
```
#cc32b5 rgb(204,50,181)
```
#d628bc
```
#d628bc rgb(214,40,188)
```
#df1fc2
```
#df1fc2 rgb(223,31,194)
```
#e915c9
```
#e915c9 rgb(233,21,201)
```
#f30bd0
```
#f30bd0 rgb(243,11,208)
```
#fd01d7
```
#fd01d7 rgb(253,1,215)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#83557c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#798abe Deuteranopia 1% of men
#e85b60 Tritanopia 0.001% of the population

Trichromacy

#7e5aed Protanomaly 1% of men, 0.01% of women
#a55cc4 Deuteranomaly 6% of men, 0.4% of women
#ec3e88 Tritanomaly 0.01% of the population

#f30bd0 hex color

#f30bd0 Color Information

#f30bd0 Color Conversion

Color Schemes with #f30bd0

Alternatives to #f30bd0

#f30bd0 Preview

Shades and Tints of #f30bd0

Tones of #f30bd0

Color Blindness Simulator