#f30874 hex color

In a RGB color space, hex #f30874 is composed of 95.3% red, 3.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 52.3% yellow and 4.7% black. It has a hue angle of 332.4 degrees, a saturation of 93.6% and a lightness of 49.2%. #f30874 color hex could be obtained by blending #ff10e8 with #e70000. Closest websafe color is: #ff0066.

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

● #f30874 color description : Vivid pink.

The hexadecimal color #f30874 has RGB values of R:243, G:8, B:116 and CMYK values of C:0, M:0.97, Y:0.52, K:0.05. Its decimal value is 15927412.

Hex triplet	f30874	`#f30874`
RGB Decimal	243, 8, 116	`rgb(243,8,116)`
RGB Percent	95.3, 3.1, 45.5	`rgb(95.3%,3.1%,45.5%)`
CMYK	0, 97, 52, 5
HSL	332.4°, 93.6, 49.2	`hsl(332.4,93.6%,49.2%)`
HSV (or HSB)	332.4°, 96.7, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.391, 80.537, 7.421
XYZ	40.203, 20.494, 18.361
xyY	0.509, 0.259, 20.494
CIE-LCH	52.391, 80.878, 5.265
CIE-LUV	52.391, 137.237, -7.02
Hunter-Lab	45.27, 79.296, 7.642
Binary	11110011, 00001000, 01110100

#f30874
```
#f30874 rgb(243,8,116)
```
#08f387
```
#08f387 rgb(8,243,135)
```

Complementary Color

#f308ea
```
#f308ea rgb(243,8,234)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#f31208
```
#f31208 rgb(243,18,8)
```

Analogous Color

#08eaf3
```
#08eaf3 rgb(8,234,243)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#08f311
```
#08f311 rgb(8,243,17)
```

Split Complementary Color

#0874f3
```
#0874f3 rgb(8,116,243)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#74f308
```
#74f308 rgb(116,243,8)
```

Triadic Color

#8708f3
```
#8708f3 rgb(135,8,243)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#74f308
```
#74f308 rgb(116,243,8)
```
#08f387
```
#08f387 rgb(8,243,135)
```

Tetradic Color

#a90651
```
#a90651 rgb(169,6,81)
```
#c2065c
```
#c2065c rgb(194,6,92)
```
#da0768
```
#da0768 rgb(218,7,104)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#f81d81
```
#f81d81 rgb(248,29,129)
```
#f8368f
```
#f8368f rgb(248,54,143)
```
#f94e9d
```
#f94e9d rgb(249,78,157)
```

Monochromatic Color

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

#f308af
```
#f308af rgb(243,8,175)
```
#f3089b
```
#f3089b rgb(243,8,155)
```
#f30888
```
#f30888 rgb(243,8,136)
```
#f30874
```
#f30874 rgb(243,8,116)
```
#f30860
```
#f30860 rgb(243,8,96)
```
#f3084d
```
#f3084d rgb(243,8,77)
```
#f30839
```
#f30839 rgb(243,8,57)
```

Similar Colors

Text with hexadecimal color #f30874

This text has a font color of #f30874.

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

#f30874 background color

This paragraph has a background color of #f30874.

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

#f30874 border color

This element has a border color of #f30874.

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

CSS codes

.text {color:#f30874;}

.background {background-color:#f30874;}

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

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

#0f0007
```
#0f0007 rgb(15,0,7)
```
#220110
```
#220110 rgb(34,1,16)
```
#350219
```
#350219 rgb(53,2,25)
```
#480222
```
#480222 rgb(72,2,34)
```
#5b032b
```
#5b032b rgb(91,3,43)
```
#6e0435
```
#6e0435 rgb(110,4,53)
```
#81043e
```
#81043e rgb(129,4,62)
```
#940547
```
#940547 rgb(148,5,71)
```
#a70550
```
#a70550 rgb(167,5,80)
```
#ba0659
```
#ba0659 rgb(186,6,89)
```
#cd0762
```
#cd0762 rgb(205,7,98)
```
#e0076b
```
#e0076b rgb(224,7,107)
```
#f30874
```
#f30874 rgb(243,8,116)
```

Shade Color Variation

#f7177e
```
#f7177e rgb(247,23,126)
```
#f82a89
```
#f82a89 rgb(248,42,137)
```
#f93d93
```
#f93d93 rgb(249,61,147)
```
#f9509e
```
#f9509e rgb(249,80,158)
```
#fa63a8
```
#fa63a8 rgb(250,99,168)
```
#fa76b3
```
#fa76b3 rgb(250,118,179)
```
#fb89be
```
#fb89be rgb(251,137,190)
```
#fc9cc8
```
#fc9cc8 rgb(252,156,200)
```
#fcafd3
```
#fcafd3 rgb(252,175,211)
```
#fdc2dd
```
#fdc2dd rgb(253,194,221)
```
#fed5e8
```
#fed5e8 rgb(254,213,232)
```
#fee8f2
```
#fee8f2 rgb(254,232,242)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#7f7c7d
```
#7f7c7d rgb(127,124,125)
```
#89727d
```
#89727d rgb(137,114,125)
```
#92697c
```
#92697c rgb(146,105,124)
```
#9c5f7b
```
#9c5f7b rgb(156,95,123)
```
#a6557a
```
#a6557a rgb(166,85,122)
```
#af4c79
```
#af4c79 rgb(175,76,121)
```
#b94279
```
#b94279 rgb(185,66,121)
```
#c33878
```
#c33878 rgb(195,56,120)
```
#cc2f77
```
#cc2f77 rgb(204,47,119)
```
#d62576
```
#d62576 rgb(214,37,118)
```
#e01b76
```
#e01b76 rgb(224,27,118)
```
#e91275
```
#e91275 rgb(233,18,117)
```
#f30874
```
#f30874 rgb(243,8,116)
```

Tone Color Variation

Below, you can see how #f30874 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
#794a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a82a5 Protanopia 1% of men
#977e6d Deuteranopia 1% of men
#f03737 Tritanopia 0.001% of the population

Trichromacy

#a65593 Protanomaly 1% of men, 0.01% of women
#b9536f Deuteranomaly 6% of men, 0.4% of women
#f1254d Tritanomaly 0.01% of the population

#f30874 hex color

#f30874 Color Information

#f30874 Color Conversion

Color Schemes with #f30874

Alternatives to #f30874

#f30874 Preview

Shades and Tints of #f30874

Tones of #f30874

Color Blindness Simulator