#f30974 hex color

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

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

● #f30974 color description : Vivid pink.

The hexadecimal color #f30974 has RGB values of R:243, G:9, B:116 and CMYK values of C:0, M:0.96, Y:0.52, K:0.05. Its decimal value is 15927668.

Hex triplet	f30974	`#f30974`
RGB Decimal	243, 9, 116	`rgb(243,9,116)`
RGB Percent	95.3, 3.5, 45.5	`rgb(95.3%,3.5%,45.5%)`
CMYK	0, 96, 52, 5
HSL	332.6°, 92.9, 49.4	`hsl(332.6,92.9%,49.4%)`
HSV (or HSB)	332.6°, 96.3, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.415, 80.467, 7.456
XYZ	40.214, 20.516, 18.365
xyY	0.508, 0.259, 20.516
CIE-LCH	52.415, 80.811, 5.294
CIE-LUV	52.415, 137.139, -6.962
Hunter-Lab	45.294, 79.213, 7.667
Binary	11110011, 00001001, 01110100

#f30974
```
#f30974 rgb(243,9,116)
```
#09f388
```
#09f388 rgb(9,243,136)
```

Complementary Color

#f309e9
```
#f309e9 rgb(243,9,233)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#f31309
```
#f31309 rgb(243,19,9)
```

Analogous Color

#09e9f3
```
#09e9f3 rgb(9,233,243)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#09f313
```
#09f313 rgb(9,243,19)
```

Split Complementary Color

#0974f3
```
#0974f3 rgb(9,116,243)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#74f309
```
#74f309 rgb(116,243,9)
```

Triadic Color

#8809f3
```
#8809f3 rgb(136,9,243)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#74f309
```
#74f309 rgb(116,243,9)
```
#09f388
```
#09f388 rgb(9,243,136)
```

Tetradic Color

#a90651
```
#a90651 rgb(169,6,81)
```
#c2075d
```
#c2075d rgb(194,7,93)
```
#da0868
```
#da0868 rgb(218,8,104)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#f71f82
```
#f71f82 rgb(247,31,130)
```
#f8378f
```
#f8378f rgb(248,55,143)
```
#f9509d
```
#f9509d rgb(249,80,157)
```

Monochromatic Color

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

#f309af
```
#f309af rgb(243,9,175)
```
#f3099b
```
#f3099b rgb(243,9,155)
```
#f30988
```
#f30988 rgb(243,9,136)
```
#f30974
```
#f30974 rgb(243,9,116)
```
#f30961
```
#f30961 rgb(243,9,97)
```
#f3094d
```
#f3094d rgb(243,9,77)
```
#f3093a
```
#f3093a rgb(243,9,58)
```

Similar Colors

Text with hexadecimal color #f30974

This text has a font color of #f30974.

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

#f30974 background color

This paragraph has a background color of #f30974.

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

#f30974 border color

This element has a border color of #f30974.

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

CSS codes

.text {color:#f30974;}

.background {background-color:#f30974;}

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

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

#100108
```
#100108 rgb(16,1,8)
```
#230111
```
#230111 rgb(35,1,17)
```
#36021a
```
#36021a rgb(54,2,26)
```
#490323
```
#490323 rgb(73,3,35)
```
#5c032c
```
#5c032c rgb(92,3,44)
```
#6f0435
```
#6f0435 rgb(111,4,53)
```
#82053e
```
#82053e rgb(130,5,62)
```
#940547
```
#940547 rgb(148,5,71)
```
#a70650
```
#a70650 rgb(167,6,80)
```
#ba0759
```
#ba0759 rgb(186,7,89)
```
#cd0862
```
#cd0862 rgb(205,8,98)
```
#e0086b
```
#e0086b rgb(224,8,107)
```
#f30974
```
#f30974 rgb(243,9,116)
```

Shade Color Variation

#f6197e
```
#f6197e rgb(246,25,126)
```
#f72c89
```
#f72c89 rgb(247,44,137)
```
#f83f94
```
#f83f94 rgb(248,63,148)
```
#f9529e
```
#f9529e rgb(249,82,158)
```
#f965a9
```
#f965a9 rgb(249,101,169)
```
#fa78b3
```
#fa78b3 rgb(250,120,179)
```
#fb8bbe
```
#fb8bbe rgb(251,139,190)
```
#fb9ec8
```
#fb9ec8 rgb(251,158,200)
```
#fcb0d3
```
#fcb0d3 rgb(252,176,211)
```
#fdc3de
```
#fdc3de rgb(253,195,222)
```
#fdd6e8
```
#fdd6e8 rgb(253,214,232)
```
#fee9f3
```
#fee9f3 rgb(254,233,243)
```
#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 #f30974 is the most saturated one.

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#88747d
```
#88747d rgb(136,116,125)
```
#926a7c
```
#926a7c rgb(146,106,124)
```
#9c607b
```
#9c607b rgb(156,96,123)
```
#a5577b
```
#a5577b rgb(165,87,123)
```
#af4d7a
```
#af4d7a rgb(175,77,122)
```
#b94379
```
#b94379 rgb(185,67,121)
```
#c33978
```
#c33978 rgb(195,57,120)
```
#cc3077
```
#cc3077 rgb(204,48,119)
```
#d62676
```
#d62676 rgb(214,38,118)
```
#e01c76
```
#e01c76 rgb(224,28,118)
```
#e91375
```
#e91375 rgb(233,19,117)
```
#f30974
```
#f30974 rgb(243,9,116)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#794b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a82a5 Protanopia 1% of men
#987f6d Deuteranopia 1% of men
#f03737 Tritanopia 0.001% of the population

Trichromacy

#a65693 Protanomaly 1% of men, 0.01% of women
#b9546f Deuteranomaly 6% of men, 0.4% of women
#f1264d Tritanomaly 0.01% of the population

#f30974 hex color

#f30974 Color Information

#f30974 Color Conversion

Color Schemes with #f30974

Alternatives to #f30974

#f30974 Preview

Shades and Tints of #f30974

Tones of #f30974

Color Blindness Simulator