#f30fda hex color

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

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

● #f30fda color description : Vivid magenta.

The hexadecimal color #f30fda has RGB values of R:243, G:15, B:218 and CMYK values of C:0, M:0.94, Y:0.1, K:0.05. Its decimal value is 15929306.

Hex triplet	f30fda	`#f30fda`
RGB Decimal	243, 15, 218	`rgb(243,15,218)`
RGB Percent	95.3, 5.9, 85.5	`rgb(95.3%,5.9%,85.5%)`
CMYK	0, 94, 10, 5
HSL	306.6°, 90.5, 50.6	`hsl(306.6,90.5%,50.6%)`
HSV (or HSB)	306.6°, 93.8, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.548, 90.349, -46.228
XYZ	49.787, 24.462, 68.425
xyY	0.349, 0.171, 24.462
CIE-LCH	56.548, 101.489, 332.903
CIE-LUV	56.548, 89.933, -84.083
Hunter-Lab	49.459, 93.13, -47.404
Binary	11110011, 00001111, 11011010

#f30fda
```
#f30fda rgb(243,15,218)
```
#0ff328
```
#0ff328 rgb(15,243,40)
```

Complementary Color

#9a0ff3
```
#9a0ff3 rgb(154,15,243)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#f30f68
```
#f30f68 rgb(243,15,104)
```

Analogous Color

#0ff39a
```
#0ff39a rgb(15,243,154)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#68f30f
```
#68f30f rgb(104,243,15)
```

Split Complementary Color

#0fdaf3
```
#0fdaf3 rgb(15,218,243)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#daf30f
```
#daf30f rgb(218,243,15)
```

Triadic Color

#280ff3
```
#280ff3 rgb(40,15,243)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#daf30f
```
#daf30f rgb(218,243,15)
```
#0ff328
```
#0ff328 rgb(15,243,40)
```

Tetradic Color

#ad099b
```
#ad099b rgb(173,9,155)
```
#c50ab1
```
#c50ab1 rgb(197,10,177)
```
#dd0bc6
```
#dd0bc6 rgb(221,11,198)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#f427de
```
#f427de rgb(244,39,222)
```
#f540e1
```
#f540e1 rgb(245,64,225)
```
#f758e5
```
#f758e5 rgb(247,88,229)
```

Monochromatic Color

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

#d30ff3
```
#d30ff3 rgb(211,15,243)
```
#e60ff3
```
#e60ff3 rgb(230,15,243)
```
#f30fed
```
#f30fed rgb(243,15,237)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#f30fc7
```
#f30fc7 rgb(243,15,199)
```
#f30fb4
```
#f30fb4 rgb(243,15,180)
```
#f30fa1
```
#f30fa1 rgb(243,15,161)
```

Similar Colors

Text with hexadecimal color #f30fda

This text has a font color of #f30fda.

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

#f30fda background color

This paragraph has a background color of #f30fda.

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

#f30fda border color

This element has a border color of #f30fda.

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

CSS codes

.text {color:#f30fda;}

.background {background-color:#f30fda;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160113
```
#160113 rgb(22,1,19)
```
#280224
```
#280224 rgb(40,2,36)
```
#3b0335
```
#3b0335 rgb(59,3,53)
```
#4e0446
```
#4e0446 rgb(78,4,70)
```
#600556
```
#600556 rgb(96,5,86)
```
#730667
```
#730667 rgb(115,6,103)
```
#860778
```
#860778 rgb(134,7,120)
```
#980888
```
#980888 rgb(152,8,136)
```
#ab0999
```
#ab0999 rgb(171,9,153)
```
#be09aa
```
#be09aa rgb(190,9,170)
```
#d00abb
```
#d00abb rgb(208,10,187)
```
#e30bcb
```
#e30bcb rgb(227,11,203)
```

Shade Color Variation

#f30fda
```
#f30fda rgb(243,15,218)
```
#f422dd
```
#f422dd rgb(244,34,221)
```
#f534e0
```
#f534e0 rgb(245,52,224)
```
#f647e3
```
#f647e3 rgb(246,71,227)
```
#f75ae6
```
#f75ae6 rgb(247,90,230)
```
#f86ce8
```
#f86ce8 rgb(248,108,232)
```
#f97feb
```
#f97feb rgb(249,127,235)
```
#fa92ee
```
#fa92ee rgb(250,146,238)
```
#faa4f1
```
#faa4f1 rgb(250,164,241)
```
#fbb7f4
```
#fbb7f4 rgb(251,183,244)
```
#fccaf7
```
#fccaf7 rgb(252,202,247)
```
#fddcfa
```
#fddcfa rgb(253,220,250)
```
#feeffd
```
#feeffd rgb(254,239,253)
```

Tint Color Variation

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

#887a87
```
#887a87 rgb(136,122,135)
```
#92708e
```
#92708e rgb(146,112,142)
```
#9c6696
```
#9c6696 rgb(156,102,150)
```
#a55d9d
```
#a55d9d rgb(165,93,157)
```
#af53a5
```
#af53a5 rgb(175,83,165)
```
#b949ad
```
#b949ad rgb(185,73,173)
```
#c33fb4
```
#c33fb4 rgb(195,63,180)
```
#cc36bc
```
#cc36bc rgb(204,54,188)
```
#d62cc3
```
#d62cc3 rgb(214,44,195)
```
#e022cb
```
#e022cb rgb(224,34,203)
```
#e919d2
```
#e919d2 rgb(233,25,210)
```
#f30fda
```
#f30fda rgb(243,15,218)
```
#fd05e2
```
#fd05e2 rgb(253,5,226)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#855880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#418aff Protanopia 1% of men
#748cc7 Deuteranopia 1% of men
#e75f65 Tritanopia 0.001% of the population

Trichromacy

#825df1 Protanomaly 1% of men, 0.01% of women
#a25fce Deuteranomaly 6% of men, 0.4% of women
#eb428f Tritanomaly 0.01% of the population

#f30fda hex color

#f30fda Color Information

#f30fda Color Conversion

Color Schemes with #f30fda

Alternatives to #f30fda

#f30fda Preview

Shades and Tints of #f30fda

Tones of #f30fda

Color Blindness Simulator