#f30758 hex color

In a RGB color space, hex #f30758 is composed of 95.3% red, 2.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 339.4 degrees, a saturation of 94.4% and a lightness of 49%. #f30758 color hex could be obtained by blending #ff0eb0 with #e70000. Closest websafe color is: #ff0066.

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

● #f30758 color description : Vivid pink.

The hexadecimal color #f30758 has RGB values of R:243, G:7, B:88 and CMYK values of C:0, M:0.97, Y:0.64, K:0.05. Its decimal value is 15927128.

Hex triplet	f30758	`#f30758`
RGB Decimal	243, 7, 88	`rgb(243,7,88)`
RGB Percent	95.3, 2.7, 34.5	`rgb(95.3%,2.7%,34.5%)`
CMYK	0, 97, 64, 5
HSL	339.4°, 94.4, 49	`hsl(339.4,94.4%,49%)`
HSV (or HSB)	339.4°, 97.1, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.742, 78.921, 23.555
XYZ	38.801, 19.916, 11.033
xyY	0.556, 0.286, 19.916
CIE-LCH	51.742, 82.362, 16.619
CIE-LUV	51.742, 148.593, 10.271
Hunter-Lab	44.627, 77.099, 16.581
Binary	11110011, 00000111, 01011000

#f30758
```
#f30758 rgb(243,7,88)
```
#07f3a2
```
#07f3a2 rgb(7,243,162)
```

Complementary Color

#f307ce
```
#f307ce rgb(243,7,206)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#f32c07
```
#f32c07 rgb(243,44,7)
```

Analogous Color

#07cef3
```
#07cef3 rgb(7,206,243)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#07f32c
```
#07f32c rgb(7,243,44)
```

Split Complementary Color

#0758f3
```
#0758f3 rgb(7,88,243)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#58f307
```
#58f307 rgb(88,243,7)
```

Triadic Color

#a207f3
```
#a207f3 rgb(162,7,243)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#58f307
```
#58f307 rgb(88,243,7)
```
#07f3a2
```
#07f3a2 rgb(7,243,162)
```

Tetradic Color

#a9053d
```
#a9053d rgb(169,5,61)
```
#c10646
```
#c10646 rgb(193,6,70)
```
#da064f
```
#da064f rgb(218,6,79)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#f81b67
```
#f81b67 rgb(248,27,103)
```
#f93478
```
#f93478 rgb(249,52,120)
```
#fa4d88
```
#fa4d88 rgb(250,77,136)
```

Monochromatic Color

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

#f30793
```
#f30793 rgb(243,7,147)
```
#f3077f
```
#f3077f rgb(243,7,127)
```
#f3076c
```
#f3076c rgb(243,7,108)
```
#f30758
```
#f30758 rgb(243,7,88)
```
#f30744
```
#f30744 rgb(243,7,68)
```
#f30731
```
#f30731 rgb(243,7,49)
```
#f3071d
```
#f3071d rgb(243,7,29)
```

Similar Colors

Text with hexadecimal color #f30758

This text has a font color of #f30758.

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

#f30758 background color

This paragraph has a background color of #f30758.

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

#f30758 border color

This element has a border color of #f30758.

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

CSS codes

.text {color:#f30758;}

.background {background-color:#f30758;}

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

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, #0e0005 is the darkest color, while #fffafc is the lightest one.

#0e0005
```
#0e0005 rgb(14,0,5)
```
#21010c
```
#21010c rgb(33,1,12)
```
#340213
```
#340213 rgb(52,2,19)
```
#47021a
```
#47021a rgb(71,2,26)
```
#5a0321
```
#5a0321 rgb(90,3,33)
```
#6e0328
```
#6e0328 rgb(110,3,40)
```
#81042f
```
#81042f rgb(129,4,47)
```
#940435
```
#940435 rgb(148,4,53)
```
#a7053c
```
#a7053c rgb(167,5,60)
```
#ba0543
```
#ba0543 rgb(186,5,67)
```
#cd064a
```
#cd064a rgb(205,6,74)
```
#e00651
```
#e00651 rgb(224,6,81)
```
#f30758
```
#f30758 rgb(243,7,88)
```

Shade Color Variation

#f81563
```
#f81563 rgb(248,21,99)
```
#f92870
```
#f92870 rgb(249,40,112)
```
#f93b7d
```
#f93b7d rgb(249,59,125)
```
#fa4f89
```
#fa4f89 rgb(250,79,137)
```
#fa6296
```
#fa6296 rgb(250,98,150)
```
#fb75a3
```
#fb75a3 rgb(251,117,163)
```
#fc88af
```
#fc88af rgb(252,136,175)
```
#fc9bbc
```
#fc9bbc rgb(252,155,188)
```
#fdaec9
```
#fdaec9 rgb(253,174,201)
```
#fdc1d6
```
#fdc1d6 rgb(253,193,214)
```
#fed4e2
```
#fed4e2 rgb(254,212,226)
```
#fee7ef
```
#fee7ef rgb(254,231,239)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#807a7c
```
#807a7c rgb(128,122,124)
```
#897179
```
#897179 rgb(137,113,121)
```
#936776
```
#936776 rgb(147,103,118)
```
#9c5e73
```
#9c5e73 rgb(156,94,115)
```
#a65470
```
#a65470 rgb(166,84,112)
```
#b04a6d
```
#b04a6d rgb(176,74,109)
```
#b9416a
```
#b9416a rgb(185,65,106)
```
#c33767
```
#c33767 rgb(195,55,103)
```
#cd2d64
```
#cd2d64 rgb(205,45,100)
```
#d62461
```
#d62461 rgb(214,36,97)
```
#e01a5e
```
#e01a5e rgb(224,26,94)
```
#e9115b
```
#e9115b rgb(233,17,91)
```
#f30758
```
#f30758 rgb(243,7,88)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#764757 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ac5473 Protanomaly 1% of men, 0.01% of women
#bb5154 Deuteranomaly 6% of men, 0.4% of women
#f21e3a Tritanomaly 0.01% of the population

#f30758 hex color

#f30758 Color Information

#f30758 Color Conversion

Color Schemes with #f30758

Alternatives to #f30758

#f30758 Preview

Shades and Tints of #f30758

Tones of #f30758

Color Blindness Simulator