#f30fad hex color

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

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

● #f30fad color description : Vivid pink.

The hexadecimal color #f30fad has RGB values of R:243, G:15, B:173 and CMYK values of C:0, M:0.94, Y:0.29, K:0.05. Its decimal value is 15929261.

Hex triplet	f30fad	`#f30fad`
RGB Decimal	243, 15, 173	`rgb(243,15,173)`
RGB Percent	95.3, 5.9, 67.8	`rgb(95.3%,5.9%,67.8%)`
CMYK	0, 94, 29, 5
HSL	318.4°, 90.5, 50.6	`hsl(318.4,90.5%,50.6%)`
HSV (or HSB)	318.4°, 93.8, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.468, 85.022, -23.521
XYZ	44.676, 22.418, 41.507
xyY	0.411, 0.206, 22.418
CIE-LCH	54.468, 88.216, 344.536
CIE-LUV	54.468, 110.252, -48.984
Hunter-Lab	47.348, 85.572, -18.833
Binary	11110011, 00001111, 10101101

#f30fad
```
#f30fad rgb(243,15,173)
```
#0ff355
```
#0ff355 rgb(15,243,85)
```

Complementary Color

#c70ff3
```
#c70ff3 rgb(199,15,243)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#f30f3b
```
#f30f3b rgb(243,15,59)
```

Analogous Color

#0ff3c7
```
#0ff3c7 rgb(15,243,199)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#3bf30f
```
#3bf30f rgb(59,243,15)
```

Split Complementary Color

#0fadf3
```
#0fadf3 rgb(15,173,243)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#adf30f
```
#adf30f rgb(173,243,15)
```

Triadic Color

#550ff3
```
#550ff3 rgb(85,15,243)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#adf30f
```
#adf30f rgb(173,243,15)
```
#0ff355
```
#0ff355 rgb(15,243,85)
```

Tetradic Color

#ad097a
```
#ad097a rgb(173,9,122)
```
#c50a8c
```
#c50a8c rgb(197,10,140)
```
#dd0b9d
```
#dd0b9d rgb(221,11,157)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#f427b5
```
#f427b5 rgb(244,39,181)
```
#f540be
```
#f540be rgb(245,64,190)
```
#f758c6
```
#f758c6 rgb(247,88,198)
```

Monochromatic Color

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

#f30fe6
```
#f30fe6 rgb(243,15,230)
```
#f30fd3
```
#f30fd3 rgb(243,15,211)
```
#f30fc0
```
#f30fc0 rgb(243,15,192)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#f30f9a
```
#f30f9a rgb(243,15,154)
```
#f30f87
```
#f30f87 rgb(243,15,135)
```
#f30f74
```
#f30f74 rgb(243,15,116)
```

Similar Colors

Text with hexadecimal color #f30fad

This text has a font color of #f30fad.

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

#f30fad background color

This paragraph has a background color of #f30fad.

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

#f30fad border color

This element has a border color of #f30fad.

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

CSS codes

.text {color:#f30fad;}

.background {background-color:#f30fad;}

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

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 #feeffa is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#16010f
```
#16010f rgb(22,1,15)
```
#28021c
```
#28021c rgb(40,2,28)
```
#3b032a
```
#3b032a rgb(59,3,42)
```
#4e0437
```
#4e0437 rgb(78,4,55)
```
#600544
```
#600544 rgb(96,5,68)
```
#730651
```
#730651 rgb(115,6,81)
```
#86075f
```
#86075f rgb(134,7,95)
```
#98086c
```
#98086c rgb(152,8,108)
```
#ab0979
```
#ab0979 rgb(171,9,121)
```
#be0986
```
#be0986 rgb(190,9,134)
```
#d00a94
```
#d00a94 rgb(208,10,148)
```
#e30ba1
```
#e30ba1 rgb(227,11,161)
```

Shade Color Variation

#f30fad
```
#f30fad rgb(243,15,173)
```
#f422b3
```
#f422b3 rgb(244,34,179)
```
#f534ba
```
#f534ba rgb(245,52,186)
```
#f647c0
```
#f647c0 rgb(246,71,192)
```
#f75ac7
```
#f75ac7 rgb(247,90,199)
```
#f86ccd
```
#f86ccd rgb(248,108,205)
```
#f97fd3
```
#f97fd3 rgb(249,127,211)
```
#fa92da
```
#fa92da rgb(250,146,218)
```
#faa4e0
```
#faa4e0 rgb(250,164,224)
```
#fbb7e6
```
#fbb7e6 rgb(251,183,230)
```
#fccaed
```
#fccaed rgb(252,202,237)
```
#fddcf3
```
#fddcf3 rgb(253,220,243)
```
#feeffa
```
#feeffa rgb(254,239,250)
```

Tint Color Variation

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

#887a84
```
#887a84 rgb(136,122,132)
```
#927088
```
#927088 rgb(146,112,136)
```
#9c668b
```
#9c668b rgb(156,102,139)
```
#a55d8f
```
#a55d8f rgb(165,93,143)
```
#af5393
```
#af5393 rgb(175,83,147)
```
#b94997
```
#b94997 rgb(185,73,151)
```
#c33f9a
```
#c33f9a rgb(195,63,154)
```
#cc369e
```
#cc369e rgb(204,54,158)
```
#d62ca2
```
#d62ca2 rgb(214,44,162)
```
#e022a6
```
#e022a6 rgb(224,34,166)
```
#e919a9
```
#e919a9 rgb(233,25,169)
```
#f30fad
```
#f30fad rgb(243,15,173)
```
#fd05b1
```
#fd05b1 rgb(253,5,177)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#815473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5285e9 Protanopia 1% of men
#8985a0 Deuteranopia 1% of men
#ec4e51 Tritanopia 0.001% of the population

Trichromacy

#8d5ad3 Protanomaly 1% of men, 0.01% of women
#af5aa4 Deuteranomaly 6% of men, 0.4% of women
#ee3772 Tritanomaly 0.01% of the population

#f30fad hex color

#f30fad Color Information

#f30fad Color Conversion

Color Schemes with #f30fad

Alternatives to #f30fad

#f30fad Preview

Shades and Tints of #f30fad

Tones of #f30fad

Color Blindness Simulator