#f30b93 hex color

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

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

● #f30b93 color description : Vivid pink.

The hexadecimal color #f30b93 has RGB values of R:243, G:11, B:147 and CMYK values of C:0, M:0.95, Y:0.4, K:0.05. Its decimal value is 15928211.

Hex triplet	f30b93	`#f30b93`
RGB Decimal	243, 11, 147	`rgb(243,11,147)`
RGB Percent	95.3, 4.3, 57.6	`rgb(95.3%,4.3%,57.6%)`
CMYK	0, 95, 40, 5
HSL	324.8°, 91.3, 49.8	`hsl(324.8,91.3%,49.8%)`
HSV (or HSB)	324.8°, 95.5, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.39, 82.796, -9.782
XYZ	42.349, 21.405, 29.504
xyY	0.454, 0.23, 21.405
CIE-LCH	53.39, 83.372, 353.262
CIE-LUV	53.39, 122.84, -29.199
Hunter-Lab	46.266, 82.425, -5.423
Binary	11110011, 00001011, 10010011

#f30b93
```
#f30b93 rgb(243,11,147)
```
#0bf36b
```
#0bf36b rgb(11,243,107)
```

Complementary Color

#df0bf3
```
#df0bf3 rgb(223,11,243)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#f30b1f
```
#f30b1f rgb(243,11,31)
```

Analogous Color

#0bf3df
```
#0bf3df rgb(11,243,223)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#1ff30b
```
#1ff30b rgb(31,243,11)
```

Split Complementary Color

#0b93f3
```
#0b93f3 rgb(11,147,243)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#93f30b
```
#93f30b rgb(147,243,11)
```

Triadic Color

#6b0bf3
```
#6b0bf3 rgb(107,11,243)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#93f30b
```
#93f30b rgb(147,243,11)
```
#0bf36b
```
#0bf36b rgb(11,243,107)
```

Tetradic Color

#aa0867
```
#aa0867 rgb(170,8,103)
```
#c20975
```
#c20975 rgb(194,9,117)
```
#db0a84
```
#db0a84 rgb(219,10,132)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#f5229e
```
#f5229e rgb(245,34,158)
```
#f63ba9
```
#f63ba9 rgb(246,59,169)
```
#f753b3
```
#f753b3 rgb(247,83,179)
```

Monochromatic Color

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

#f30bcd
```
#f30bcd rgb(243,11,205)
```
#f30bba
```
#f30bba rgb(243,11,186)
```
#f30ba6
```
#f30ba6 rgb(243,11,166)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#f30b80
```
#f30b80 rgb(243,11,128)
```
#f30b6c
```
#f30b6c rgb(243,11,108)
```
#f30b59
```
#f30b59 rgb(243,11,89)
```

Similar Colors

Text with hexadecimal color #f30b93

This text has a font color of #f30b93.

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

#f30b93 background color

This paragraph has a background color of #f30b93.

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

#f30b93 border color

This element has a border color of #f30b93.

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

CSS codes

.text {color:#f30b93;}

.background {background-color:#f30b93;}

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

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

#12010b
```
#12010b rgb(18,1,11)
```
#250216
```
#250216 rgb(37,2,22)
```
#370321
```
#370321 rgb(55,3,33)
```
#4a032d
```
#4a032d rgb(74,3,45)
```
#5d0438
```
#5d0438 rgb(93,4,56)
```
#700544
```
#700544 rgb(112,5,68)
```
#82064f
```
#82064f rgb(130,6,79)
```
#95075a
```
#95075a rgb(149,7,90)
```
#a80866
```
#a80866 rgb(168,8,102)
```
#bb0871
```
#bb0871 rgb(187,8,113)
```
#cd097c
```
#cd097c rgb(205,9,124)
```
#e00a88
```
#e00a88 rgb(224,10,136)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```

Shade Color Variation

#f51d9b
```
#f51d9b rgb(245,29,155)
```
#f630a4
```
#f630a4 rgb(246,48,164)
```
#f642ac
```
#f642ac rgb(246,66,172)
```
#f755b4
```
#f755b4 rgb(247,85,180)
```
#f868bc
```
#f868bc rgb(248,104,188)
```
#f97bc5
```
#f97bc5 rgb(249,123,197)
```
#fa8dcd
```
#fa8dcd rgb(250,141,205)
```
#fba0d5
```
#fba0d5 rgb(251,160,213)
```
#fcb3de
```
#fcb3de rgb(252,179,222)
```
#fcc6e6
```
#fcc6e6 rgb(252,198,230)
```
#fdd9ee
```
#fdd9ee rgb(253,217,238)
```
#feebf6
```
#feebf6 rgb(254,235,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#887680
```
#887680 rgb(136,118,128)
```
#916d82
```
#916d82 rgb(145,109,130)
```
#9b6384
```
#9b6384 rgb(155,99,132)
```
#a55986
```
#a55986 rgb(165,89,134)
```
#af4f87
```
#af4f87 rgb(175,79,135)
```
#b84689
```
#b84689 rgb(184,70,137)
```
#c23c8b
```
#c23c8b rgb(194,60,139)
```
#cc328c
```
#cc328c rgb(204,50,140)
```
#d6288e
```
#d6288e rgb(214,40,142)
```
#df1f90
```
#df1f90 rgb(223,31,144)
```
#e91591
```
#e91591 rgb(233,21,145)
```
#f30b93
```
#f30b93 rgb(243,11,147)
```
#fd0195
```
#fd0195 rgb(253,1,149)
```

Tone Color Variation

Below, you can see how #f30b93 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
#7d4f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6983ca Protanopia 1% of men
#918289 Deuteranopia 1% of men
#ee4345 Tritanopia 0.001% of the population

Trichromacy

#9b57b6 Protanomaly 1% of men, 0.01% of women
#b4568c Deuteranomaly 6% of men, 0.4% of women
#f02e61 Tritanomaly 0.01% of the population

#f30b93 hex color

#f30b93 Color Information

#f30b93 Color Conversion

Color Schemes with #f30b93

Alternatives to #f30b93

#f30b93 Preview

Shades and Tints of #f30b93

Tones of #f30b93

Color Blindness Simulator