#f30f96 hex color

In a RGB color space, hex #f30f96 is composed of 95.3% red, 5.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 324.5 degrees, a saturation of 90.5% and a lightness of 50.6%. #f30f96 color hex could be obtained by blending #ff1eff with #e7002d. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 6
- B 59
RGB color chart
- C 0
- M 94
- Y 38
- K 5
CMYK color chart

● #f30f96 color description : Vivid pink.

The hexadecimal color #f30f96 has RGB values of R:243, G:15, B:150 and CMYK values of C:0, M:0.94, Y:0.38, K:0.05. Its decimal value is 15929238.

Hex triplet	f30f96	`#f30f96`
RGB Decimal	243, 15, 150	`rgb(243,15,150)`
RGB Percent	95.3, 5.9, 58.8	`rgb(95.3%,5.9%,58.8%)`
CMYK	0, 94, 38, 5
HSL	324.5°, 90.5, 50.6	`hsl(324.5,90.5%,50.6%)`
HSV (or HSB)	324.5°, 93.8, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.603, 82.746, -11.25
XYZ	42.639, 21.603, 30.777
xyY	0.449, 0.227, 21.603
CIE-LCH	53.603, 83.508, 352.257
CIE-LUV	53.603, 121.063, -31.192
Hunter-Lab	46.479, 82.415, -6.725
Binary	11110011, 00001111, 10010110

#f30f96
```
#f30f96 rgb(243,15,150)
```
#0ff36c
```
#0ff36c rgb(15,243,108)
```

Complementary Color

#de0ff3
```
#de0ff3 rgb(222,15,243)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#f30f24
```
#f30f24 rgb(243,15,36)
```

Analogous Color

#0ff3de
```
#0ff3de rgb(15,243,222)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#24f30f
```
#24f30f rgb(36,243,15)
```

Split Complementary Color

#0f96f3
```
#0f96f3 rgb(15,150,243)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#96f30f
```
#96f30f rgb(150,243,15)
```

Triadic Color

#6c0ff3
```
#6c0ff3 rgb(108,15,243)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#96f30f
```
#96f30f rgb(150,243,15)
```
#0ff36c
```
#0ff36c rgb(15,243,108)
```

Tetradic Color

#ad096a
```
#ad096a rgb(173,9,106)
```
#c50a79
```
#c50a79 rgb(197,10,121)
```
#dd0b88
```
#dd0b88 rgb(221,11,136)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#f427a1
```
#f427a1 rgb(244,39,161)
```
#f540ab
```
#f540ab rgb(245,64,171)
```
#f758b6
```
#f758b6 rgb(247,88,182)
```

Monochromatic Color

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

#f30fcf
```
#f30fcf rgb(243,15,207)
```
#f30fbc
```
#f30fbc rgb(243,15,188)
```
#f30fa9
```
#f30fa9 rgb(243,15,169)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#f30f83
```
#f30f83 rgb(243,15,131)
```
#f30f70
```
#f30f70 rgb(243,15,112)
```
#f30f5d
```
#f30f5d rgb(243,15,93)
```

Similar Colors

Text with hexadecimal color #f30f96

This text has a font color of #f30f96.

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

#f30f96 background color

This paragraph has a background color of #f30f96.

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

#f30f96 border color

This element has a border color of #f30f96.

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

CSS codes

.text {color:#f30f96;}

.background {background-color:#f30f96;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#16010d
```
#16010d rgb(22,1,13)
```
#280219
```
#280219 rgb(40,2,25)
```
#3b0324
```
#3b0324 rgb(59,3,36)
```
#4e0430
```
#4e0430 rgb(78,4,48)
```
#60053b
```
#60053b rgb(96,5,59)
```
#730646
```
#730646 rgb(115,6,70)
```
#860752
```
#860752 rgb(134,7,82)
```
#98085d
```
#98085d rgb(152,8,93)
```
#ab0969
```
#ab0969 rgb(171,9,105)
```
#be0974
```
#be0974 rgb(190,9,116)
```
#d00a80
```
#d00a80 rgb(208,10,128)
```
#e30b8b
```
#e30b8b rgb(227,11,139)
```

Shade Color Variation

#f30f96
```
#f30f96 rgb(243,15,150)
```
#f4229e
```
#f4229e rgb(244,34,158)
```
#f534a6
```
#f534a6 rgb(245,52,166)
```
#f647af
```
#f647af rgb(246,71,175)
```
#f75ab7
```
#f75ab7 rgb(247,90,183)
```
#f86cbf
```
#f86cbf rgb(248,108,191)
```
#f97fc7
```
#f97fc7 rgb(249,127,199)
```
#fa92cf
```
#fa92cf rgb(250,146,207)
```
#faa4d7
```
#faa4d7 rgb(250,164,215)
```
#fbb7e0
```
#fbb7e0 rgb(251,183,224)
```
#fccae8
```
#fccae8 rgb(252,202,232)
```
#fddcf0
```
#fddcf0 rgb(253,220,240)
```
#feeff8
```
#feeff8 rgb(254,239,248)
```

Tint Color Variation

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

#887a82
```
#887a82 rgb(136,122,130)
```
#927084
```
#927084 rgb(146,112,132)
```
#9c6686
```
#9c6686 rgb(156,102,134)
```
#a55d88
```
#a55d88 rgb(165,93,136)
```
#af538a
```
#af538a rgb(175,83,138)
```
#b9498b
```
#b9498b rgb(185,73,139)
```
#c33f8d
```
#c33f8d rgb(195,63,141)
```
#cc368f
```
#cc368f rgb(204,54,143)
```
#d62c91
```
#d62c91 rgb(214,44,145)
```
#e02292
```
#e02292 rgb(224,34,146)
```
#e91994
```
#e91994 rgb(233,25,148)
```
#f30f96
```
#f30f96 rgb(243,15,150)
```
#fd0598
```
#fd0598 rgb(253,5,152)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#80526d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6884cd Protanopia 1% of men
#90828b Deuteranopia 1% of men
#ee4547 Tritanopia 0.001% of the population

Trichromacy

#9a59b9 Protanomaly 1% of men, 0.01% of women
#b4588f Deuteranomaly 6% of men, 0.4% of women
#f03164 Tritanomaly 0.01% of the population

#f30f96 hex color

#f30f96 Color Information

#f30f96 Color Conversion

Color Schemes with #f30f96

Alternatives to #f30f96

#f30f96 Preview

Shades and Tints of #f30f96

Tones of #f30f96

Color Blindness Simulator