#f30958 hex color

In a RGB color space, hex #f30958 is composed of 95.3% red, 3.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.3% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 339.7 degrees, a saturation of 92.9% and a lightness of 49.4%. #f30958 color hex could be obtained by blending #ff12b0 with #e70000. Closest websafe color is: #ff0066.

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

● #f30958 color description : Vivid pink.

The hexadecimal color #f30958 has RGB values of R:243, G:9, B:88 and CMYK values of C:0, M:0.96, Y:0.64, K:0.05. Its decimal value is 15927640.

Hex triplet	f30958	`#f30958`
RGB Decimal	243, 9, 88	`rgb(243,9,88)`
RGB Percent	95.3, 3.5, 34.5	`rgb(95.3%,3.5%,34.5%)`
CMYK	0, 96, 64, 5
HSL	339.7°, 92.9, 49.4	`hsl(339.7,92.9%,49.4%)`
HSV (or HSB)	339.7°, 96.3, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.791, 78.779, 23.62
XYZ	38.823, 19.96, 11.04
xyY	0.556, 0.286, 19.96
CIE-LCH	51.791, 82.243, 16.69
CIE-LUV	51.791, 148.365, 10.38
Hunter-Lab	44.676, 76.932, 16.621
Binary	11110011, 00001001, 01011000

#f30958
```
#f30958 rgb(243,9,88)
```
#09f3a4
```
#09f3a4 rgb(9,243,164)
```

Complementary Color

#f309cd
```
#f309cd rgb(243,9,205)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#f32f09
```
#f32f09 rgb(243,47,9)
```

Analogous Color

#09cdf3
```
#09cdf3 rgb(9,205,243)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#09f32f
```
#09f32f rgb(9,243,47)
```

Split Complementary Color

#0958f3
```
#0958f3 rgb(9,88,243)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#58f309
```
#58f309 rgb(88,243,9)
```

Triadic Color

#a409f3
```
#a409f3 rgb(164,9,243)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#58f309
```
#58f309 rgb(88,243,9)
```
#09f3a4
```
#09f3a4 rgb(9,243,164)
```

Tetradic Color

#a9063d
```
#a9063d rgb(169,6,61)
```
#c20746
```
#c20746 rgb(194,7,70)
```
#da084f
```
#da084f rgb(218,8,79)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#f71f68
```
#f71f68 rgb(247,31,104)
```
#f83778
```
#f83778 rgb(248,55,120)
```
#f95089
```
#f95089 rgb(249,80,137)
```

Monochromatic Color

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

#f30993
```
#f30993 rgb(243,9,147)
```
#f3097f
```
#f3097f rgb(243,9,127)
```
#f3096c
```
#f3096c rgb(243,9,108)
```
#f30958
```
#f30958 rgb(243,9,88)
```
#f30945
```
#f30945 rgb(243,9,69)
```
#f30931
```
#f30931 rgb(243,9,49)
```
#f3091d
```
#f3091d rgb(243,9,29)
```

Similar Colors

Text with hexadecimal color #f30958

This text has a font color of #f30958.

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

#f30958 background color

This paragraph has a background color of #f30958.

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

#f30958 border color

This element has a border color of #f30958.

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

CSS codes

.text {color:#f30958;}

.background {background-color:#f30958;}

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

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

#100106
```
#100106 rgb(16,1,6)
```
#23010d
```
#23010d rgb(35,1,13)
```
#360214
```
#360214 rgb(54,2,20)
```
#49031a
```
#49031a rgb(73,3,26)
```
#5c0321
```
#5c0321 rgb(92,3,33)
```
#6f0428
```
#6f0428 rgb(111,4,40)
```
#82052f
```
#82052f rgb(130,5,47)
```
#940536
```
#940536 rgb(148,5,54)
```
#a7063d
```
#a7063d rgb(167,6,61)
```
#ba0743
```
#ba0743 rgb(186,7,67)
```
#cd084a
```
#cd084a rgb(205,8,74)
```
#e00851
```
#e00851 rgb(224,8,81)
```
#f30958
```
#f30958 rgb(243,9,88)
```

Shade Color Variation

#f61964
```
#f61964 rgb(246,25,100)
```
#f72c71
```
#f72c71 rgb(247,44,113)
```
#f83f7d
```
#f83f7d rgb(248,63,125)
```
#f9528a
```
#f9528a rgb(249,82,138)
```
#f96597
```
#f96597 rgb(249,101,151)
```
#fa78a4
```
#fa78a4 rgb(250,120,164)
```
#fb8bb0
```
#fb8bb0 rgb(251,139,176)
```
#fb9ebd
```
#fb9ebd rgb(251,158,189)
```
#fcb0ca
```
#fcb0ca rgb(252,176,202)
```
#fdc3d7
```
#fdc3d7 rgb(253,195,215)
```
#fdd6e4
```
#fdd6e4 rgb(253,214,228)
```
#fee9f0
```
#fee9f0 rgb(254,233,240)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#88747b
```
#88747b rgb(136,116,123)
```
#926a77
```
#926a77 rgb(146,106,119)
```
#9c6074
```
#9c6074 rgb(156,96,116)
```
#a55771
```
#a55771 rgb(165,87,113)
```
#af4d6e
```
#af4d6e rgb(175,77,110)
```
#b9436b
```
#b9436b rgb(185,67,107)
```
#c33968
```
#c33968 rgb(195,57,104)
```
#cc3065
```
#cc3065 rgb(204,48,101)
```
#d62661
```
#d62661 rgb(214,38,97)
```
#e01c5e
```
#e01c5e rgb(224,28,94)
```
#e9135b
```
#e9135b rgb(233,19,91)
```
#f30958
```
#f30958 rgb(243,9,88)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#774858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848182 Protanopia 1% of men
#9c7c52 Deuteranopia 1% of men
#f12d2a Tritanopia 0.001% of the population

Trichromacy

#ac5573 Protanomaly 1% of men, 0.01% of women
#bb5254 Deuteranomaly 6% of men, 0.4% of women
#f21f3b Tritanomaly 0.01% of the population

#f30958 hex color

#f30958 Color Information

#f30958 Color Conversion

Color Schemes with #f30958

Alternatives to #f30958

#f30958 Preview

Shades and Tints of #f30958

Tones of #f30958

Color Blindness Simulator