#f30fa5 hex color

In a RGB color space, hex #f30fa5 is composed of 95.3% red, 5.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 32.1% yellow and 4.7% black. It has a hue angle of 320.5 degrees, a saturation of 90.5% and a lightness of 50.6%. #f30fa5 color hex could be obtained by blending #ff1eff with #e7004b. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 6
- B 65
RGB color chart
- C 0
- M 94
- Y 32
- K 5
CMYK color chart

● #f30fa5 color description : Vivid pink.

The hexadecimal color #f30fa5 has RGB values of R:243, G:15, B:165 and CMYK values of C:0, M:0.94, Y:0.32, K:0.05. Its decimal value is 15929253.

Hex triplet	f30fa5	`#f30fa5`
RGB Decimal	243, 15, 165	`rgb(243,15,165)`
RGB Percent	95.3, 5.9, 64.7	`rgb(95.3%,5.9%,64.7%)`
CMYK	0, 94, 32, 5
HSL	320.5°, 90.5, 50.6	`hsl(320.5,90.5%,50.6%)`
HSV (or HSB)	320.5°, 93.8, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.151, 84.194, -19.304
XYZ	43.925, 22.117, 37.551
xyY	0.424, 0.214, 22.117
CIE-LCH	54.151, 86.379, 347.086
CIE-LUV	54.151, 114.01, -42.743
Hunter-Lab	47.029, 84.418, -14.421
Binary	11110011, 00001111, 10100101

#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#0ff35d
```
#0ff35d rgb(15,243,93)
```

Complementary Color

#cf0ff3
```
#cf0ff3 rgb(207,15,243)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#f30f33
```
#f30f33 rgb(243,15,51)
```

Analogous Color

#0ff3cf
```
#0ff3cf rgb(15,243,207)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#33f30f
```
#33f30f rgb(51,243,15)
```

Split Complementary Color

#0fa5f3
```
#0fa5f3 rgb(15,165,243)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#a5f30f
```
#a5f30f rgb(165,243,15)
```

Triadic Color

#5d0ff3
```
#5d0ff3 rgb(93,15,243)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#a5f30f
```
#a5f30f rgb(165,243,15)
```
#0ff35d
```
#0ff35d rgb(15,243,93)
```

Tetradic Color

#ad0975
```
#ad0975 rgb(173,9,117)
```
#c50a85
```
#c50a85 rgb(197,10,133)
```
#dd0b95
```
#dd0b95 rgb(221,11,149)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#f427ae
```
#f427ae rgb(244,39,174)
```
#f540b7
```
#f540b7 rgb(245,64,183)
```
#f758c0
```
#f758c0 rgb(247,88,192)
```

Monochromatic Color

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

#f30fde
```
#f30fde rgb(243,15,222)
```
#f30fcb
```
#f30fcb rgb(243,15,203)
```
#f30fb8
```
#f30fb8 rgb(243,15,184)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#f30f92
```
#f30f92 rgb(243,15,146)
```
#f30f7f
```
#f30f7f rgb(243,15,127)
```
#f30f6c
```
#f30f6c rgb(243,15,108)
```

Similar Colors

Text with hexadecimal color #f30fa5

This text has a font color of #f30fa5.

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

#f30fa5 background color

This paragraph has a background color of #f30fa5.

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

#f30fa5 border color

This element has a border color of #f30fa5.

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

CSS codes

.text {color:#f30fa5;}

.background {background-color:#f30fa5;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#16010f
```
#16010f rgb(22,1,15)
```
#28021b
```
#28021b rgb(40,2,27)
```
#3b0328
```
#3b0328 rgb(59,3,40)
```
#4e0434
```
#4e0434 rgb(78,4,52)
```
#600541
```
#600541 rgb(96,5,65)
```
#73064e
```
#73064e rgb(115,6,78)
```
#86075a
```
#86075a rgb(134,7,90)
```
#980867
```
#980867 rgb(152,8,103)
```
#ab0973
```
#ab0973 rgb(171,9,115)
```
#be0980
```
#be0980 rgb(190,9,128)
```
#d00a8d
```
#d00a8d rgb(208,10,141)
```
#e30b99
```
#e30b99 rgb(227,11,153)
```

Shade Color Variation

#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#f422ac
```
#f422ac rgb(244,34,172)
```
#f534b3
```
#f534b3 rgb(245,52,179)
```
#f647ba
```
#f647ba rgb(246,71,186)
```
#f75ac1
```
#f75ac1 rgb(247,90,193)
```
#f86cc8
```
#f86cc8 rgb(248,108,200)
```
#f97fcf
```
#f97fcf rgb(249,127,207)
```
#fa92d6
```
#fa92d6 rgb(250,146,214)
```
#faa4dd
```
#faa4dd rgb(250,164,221)
```
#fbb7e4
```
#fbb7e4 rgb(251,183,228)
```
#fccaeb
```
#fccaeb rgb(252,202,235)
```
#fddcf2
```
#fddcf2 rgb(253,220,242)
```
#feeff9
```
#feeff9 rgb(254,239,249)
```

Tint Color Variation

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

#887a83
```
#887a83 rgb(136,122,131)
```
#927086
```
#927086 rgb(146,112,134)
```
#9c6689
```
#9c6689 rgb(156,102,137)
```
#a55d8d
```
#a55d8d rgb(165,93,141)
```
#af5390
```
#af5390 rgb(175,83,144)
```
#b94993
```
#b94993 rgb(185,73,147)
```
#c33f96
```
#c33f96 rgb(195,63,150)
```
#cc3699
```
#cc3699 rgb(204,54,153)
```
#d62c9c
```
#d62c9c rgb(214,44,156)
```
#e0229f
```
#e0229f rgb(224,34,159)
```
#e919a2
```
#e919a2 rgb(233,25,162)
```
#f30fa5
```
#f30fa5 rgb(243,15,165)
```
#fd05a8
```
#fd05a8 rgb(253,5,168)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#815371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b85e0 Protanopia 1% of men
#8c8499 Deuteranopia 1% of men
#ed4b4e Tritanopia 0.001% of the population

Trichromacy

#925aca Protanomaly 1% of men, 0.01% of women
#b1599d Deuteranomaly 6% of men, 0.4% of women
#ef356d Tritanomaly 0.01% of the population

#f30fa5 hex color

#f30fa5 Color Information

#f30fa5 Color Conversion

Color Schemes with #f30fa5

Alternatives to #f30fa5

#f30fa5 Preview

Shades and Tints of #f30fa5

Tones of #f30fa5

Color Blindness Simulator