#f30966 hex color

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

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

● #f30966 color description : Vivid pink.

The hexadecimal color #f30966 has RGB values of R:243, G:9, B:102 and CMYK values of C:0, M:0.96, Y:0.58, K:0.05. Its decimal value is 15927654.

Hex triplet	f30966	`#f30966`
RGB Decimal	243, 9, 102	`rgb(243,9,102)`
RGB Percent	95.3, 3.5, 40	`rgb(95.3%,3.5%,40%)`
CMYK	0, 96, 58, 5
HSL	336.2°, 92.9, 49.4	`hsl(336.2,92.9%,49.4%)`
HSV (or HSB)	336.2°, 96.3, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.079, 79.558, 15.494
XYZ	39.46, 20.214, 14.394
xyY	0.533, 0.273, 20.214
CIE-LCH	52.079, 81.053, 11.021
CIE-LUV	52.079, 143.004, 2.138
Hunter-Lab	44.96, 77.982, 12.491
Binary	11110011, 00001001, 01100110

#f30966
```
#f30966 rgb(243,9,102)
```
#09f396
```
#09f396 rgb(9,243,150)
```

Complementary Color

#f309db
```
#f309db rgb(243,9,219)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#f32109
```
#f32109 rgb(243,33,9)
```

Analogous Color

#09dbf3
```
#09dbf3 rgb(9,219,243)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#09f321
```
#09f321 rgb(9,243,33)
```

Split Complementary Color

#0966f3
```
#0966f3 rgb(9,102,243)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#66f309
```
#66f309 rgb(102,243,9)
```

Triadic Color

#9609f3
```
#9609f3 rgb(150,9,243)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#66f309
```
#66f309 rgb(102,243,9)
```
#09f396
```
#09f396 rgb(9,243,150)
```

Tetradic Color

#a90647
```
#a90647 rgb(169,6,71)
```
#c20751
```
#c20751 rgb(194,7,81)
```
#da085c
```
#da085c rgb(218,8,92)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#f71f75
```
#f71f75 rgb(247,31,117)
```
#f83784
```
#f83784 rgb(248,55,132)
```
#f95093
```
#f95093 rgb(249,80,147)
```

Monochromatic Color

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

#f309a1
```
#f309a1 rgb(243,9,161)
```
#f3098d
```
#f3098d rgb(243,9,141)
```
#f3097a
```
#f3097a rgb(243,9,122)
```
#f30966
```
#f30966 rgb(243,9,102)
```
#f30952
```
#f30952 rgb(243,9,82)
```
#f3093f
```
#f3093f rgb(243,9,63)
```
#f3092c
```
#f3092c rgb(243,9,44)
```

Similar Colors

Text with hexadecimal color #f30966

This text has a font color of #f30966.

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

#f30966 background color

This paragraph has a background color of #f30966.

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

#f30966 border color

This element has a border color of #f30966.

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

CSS codes

.text {color:#f30966;}

.background {background-color:#f30966;}

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

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

#100107
```
#100107 rgb(16,1,7)
```
#23010f
```
#23010f rgb(35,1,15)
```
#360217
```
#360217 rgb(54,2,23)
```
#49031f
```
#49031f rgb(73,3,31)
```
#5c0326
```
#5c0326 rgb(92,3,38)
```
#6f042e
```
#6f042e rgb(111,4,46)
```
#820536
```
#820536 rgb(130,5,54)
```
#94053e
```
#94053e rgb(148,5,62)
```
#a70646
```
#a70646 rgb(167,6,70)
```
#ba074e
```
#ba074e rgb(186,7,78)
```
#cd0856
```
#cd0856 rgb(205,8,86)
```
#e0085e
```
#e0085e rgb(224,8,94)
```
#f30966
```
#f30966 rgb(243,9,102)
```

Shade Color Variation

#f61971
```
#f61971 rgb(246,25,113)
```
#f72c7d
```
#f72c7d rgb(247,44,125)
```
#f83f88
```
#f83f88 rgb(248,63,136)
```
#f95294
```
#f95294 rgb(249,82,148)
```
#f965a0
```
#f965a0 rgb(249,101,160)
```
#fa78ab
```
#fa78ab rgb(250,120,171)
```
#fb8bb7
```
#fb8bb7 rgb(251,139,183)
```
#fb9ec3
```
#fb9ec3 rgb(251,158,195)
```
#fcb0cf
```
#fcb0cf rgb(252,176,207)
```
#fdc3da
```
#fdc3da rgb(253,195,218)
```
#fdd6e6
```
#fdd6e6 rgb(253,214,230)
```
#fee9f2
```
#fee9f2 rgb(254,233,242)
```
#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 #f30966 is the most saturated one.

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#88747c
```
#88747c rgb(136,116,124)
```
#926a7a
```
#926a7a rgb(146,106,122)
```
#9c6078
```
#9c6078 rgb(156,96,120)
```
#a55776
```
#a55776 rgb(165,87,118)
```
#af4d74
```
#af4d74 rgb(175,77,116)
```
#b94372
```
#b94372 rgb(185,67,114)
```
#c33970
```
#c33970 rgb(195,57,112)
```
#cc306e
```
#cc306e rgb(204,48,110)
```
#d6266c
```
#d6266c rgb(214,38,108)
```
#e01c6a
```
#e01c6a rgb(224,28,106)
```
#e91368
```
#e91368 rgb(233,19,104)
```
#f30966
```
#f30966 rgb(243,9,102)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#794a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8293 Protanopia 1% of men
#9a7d60 Deuteranopia 1% of men
#f13231 Tritanopia 0.001% of the population

Trichromacy

#a95683 Protanomaly 1% of men, 0.01% of women
#ba5362 Deuteranomaly 6% of men, 0.4% of women
#f12344 Tritanomaly 0.01% of the population

#f30966 hex color

#f30966 Color Information

#f30966 Color Conversion

Color Schemes with #f30966

Alternatives to #f30966

#f30966 Preview

Shades and Tints of #f30966

Tones of #f30966

Color Blindness Simulator