colorhexa.com

#f30884 hex color

In a RGB color space, hex #f30884 is composed of 95.3% red, 3.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 45.7% yellow and 4.7% black. It has a hue angle of 328.3 degrees, a saturation of 93.6% and a lightness of 49.2%. #f30884 color hex could be obtained by blending #ff10ff with #e70009. Closest websafe color is: #ff0099.

- R 95
- G 3
- B 52
RGB color chart
- C 0
- M 97
- Y 46
- K 5
CMYK color chart

● #f30884 color description : Vivid pink.

The hexadecimal color #f30884 has RGB values of R:243, G:8, B:132 and CMYK values of C:0, M:0.97, Y:0.46, K:0.05. Its decimal value is 15927428.

Hex triplet	f30884	`#f30884`
RGB Decimal	243, 8, 132	`rgb(243,8,132)`
RGB Percent	95.3, 3.1, 51.8	`rgb(95.3%,3.1%,51.8%)`
CMYK	0, 97, 46, 5
HSL	328.3°, 93.6, 49.2	`hsl(328.3,93.6%,49.2%)`
HSV (or HSB)	328.3°, 96.7, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	52.839, 81.732, -1.607
XYZ	41.215, 20.899, 23.692
xyY	0.48, 0.244, 20.899
CIE-LCH	52.839, 81.748, 358.874
CIE-LUV	52.839, 130.072, -18.256
Hunter-Lab	45.715, 80.926, 1.273
Binary	11110011, 00001000, 10000100

#f30884
```
#f30884 rgb(243,8,132)
```
#08f377
```
#08f377 rgb(8,243,119)
```

Complementary Color

#ed08f3
```
#ed08f3 rgb(237,8,243)
```
#f30884
```
#f30884 rgb(243,8,132)
```
#f3080e
```
#f3080e rgb(243,8,14)
```

Analogous Color

#08f3ed
```
#08f3ed rgb(8,243,237)
```
#f30884
```
#f30884 rgb(243,8,132)
```
#0ef308
```
#0ef308 rgb(14,243,8)
```

Split Complementary Color

#0884f3
```
#0884f3 rgb(8,132,243)
```
#f30884
```
#f30884 rgb(243,8,132)
```
#84f308
```
#84f308 rgb(132,243,8)
```

Triadic Color

#a9065c
```
#a9065c rgb(169,6,92)
```
#c20669
```
#c20669 rgb(194,6,105)
```
#da0777
```
#da0777 rgb(218,7,119)
```
#f30884
```
#f30884 rgb(243,8,132)
```
#f81d90
```
#f81d90 rgb(248,29,144)
```
#f8369c
```
#f8369c rgb(248,54,156)
```
#f94ea8
```
#f94ea8 rgb(249,78,168)
```

Monochromatic Color

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

#f308bf
```
#f308bf rgb(243,8,191)
```
#f308ab
```
#f308ab rgb(243,8,171)
```
#f30898
```
#f30898 rgb(243,8,152)
```
#f30884
```
#f30884 rgb(243,8,132)
```
#f30870
```
#f30870 rgb(243,8,112)
```
#f3085d
```
#f3085d rgb(243,8,93)
```
#f30849
```
#f30849 rgb(243,8,73)
```

Similar Colors

Text with hexadecimal color #f30884

This text has a font color of #f30884.

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

#f30884 background color

This paragraph has a background color of #f30884.

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

#f30884 border color

This element has a border color of #f30884.

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

CSS codes

.text {color:#f30884;}

.background {background-color:#f30884;}

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

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

#0f0008
```
#0f0008 rgb(15,0,8)
```
#220113
```
#220113 rgb(34,1,19)
```
#35021d
```
#35021d rgb(53,2,29)
```
#480227
```
#480227 rgb(72,2,39)
```
#5b0331
```
#5b0331 rgb(91,3,49)
```
#6e043c
```
#6e043c rgb(110,4,60)
```
#810446
```
#810446 rgb(129,4,70)
```
#940550
```
#940550 rgb(148,5,80)
```
#a7055b
```
#a7055b rgb(167,5,91)
```
#ba0665
```
#ba0665 rgb(186,6,101)
```
#cd076f
```
#cd076f rgb(205,7,111)
```
#e0077a
```
#e0077a rgb(224,7,122)
```
#f30884
```
#f30884 rgb(243,8,132)
```

Shade Color Variation

#f7178e
```
#f7178e rgb(247,23,142)
```
#f82a97
```
#f82a97 rgb(248,42,151)
```
#f93da0
```
#f93da0 rgb(249,61,160)
```
#f950a9
```
#f950a9 rgb(249,80,169)
```
#fa63b3
```
#fa63b3 rgb(250,99,179)
```
#fa76bc
```
#fa76bc rgb(250,118,188)
```
#fb89c5
```
#fb89c5 rgb(251,137,197)
```
#fc9ccf
```
#fc9ccf rgb(252,156,207)
```
#fcafd8
```
#fcafd8 rgb(252,175,216)
```
#fdc2e1
```
#fdc2e1 rgb(253,194,225)
```
#fed5eb
```
#fed5eb rgb(254,213,235)
```
#fee8f4
```
#fee8f4 rgb(254,232,244)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#7f7c7e
```
#7f7c7e rgb(127,124,126)
```
#89727e
```
#89727e rgb(137,114,126)
```
#92697f
```
#92697f rgb(146,105,127)
```
#9c5f7f
```
#9c5f7f rgb(156,95,127)
```
#a65580
```
#a65580 rgb(166,85,128)
```
#af4c80
```
#af4c80 rgb(175,76,128)
```
#b94281
```
#b94281 rgb(185,66,129)
```
#c33881
```
#c33881 rgb(195,56,129)
```
#cc2f82
```
#cc2f82 rgb(204,47,130)
```
#d62582
```
#d62582 rgb(214,37,130)
```
#e01b83
```
#e01b83 rgb(224,27,131)
```
#e91283
```
#e91283 rgb(233,18,131)
```
#f30884
```
#f30884 rgb(243,8,132)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7a4b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7283b8 Protanopia 1% of men
#94807b Deuteranopia 1% of men
#ef3d3e Tritanopia 0.001% of the population

Trichromacy

#a156a5 Protanomaly 1% of men, 0.01% of women
#b6547e Deuteranomaly 6% of men, 0.4% of women
#f02957 Tritanomaly 0.01% of the population