#f30dba hex color

In a RGB color space, hex #f30dba is composed of 95.3% red, 5.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.7% magenta, 23.5% yellow and 4.7% black. It has a hue angle of 314.9 degrees, a saturation of 90.6% and a lightness of 50.2%. #f30dba color hex could be obtained by blending #ff1aff with #e70075. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 5
- B 73
RGB color chart
- C 0
- M 95
- Y 23
- K 5
CMYK color chart

● #f30dba color description : Vivid magenta.

The hexadecimal color #f30dba has RGB values of R:243, G:13, B:186 and CMYK values of C:0, M:0.95, Y:0.23, K:0.05. Its decimal value is 15928762.

Hex triplet	f30dba	`#f30dba`
RGB Decimal	243, 13, 186	`rgb(243,13,186)`
RGB Percent	95.3, 5.1, 72.9	`rgb(95.3%,5.1%,72.9%)`
CMYK	0, 95, 23, 5
HSL	314.9°, 90.6, 50.2	`hsl(314.9,90.6%,50.2%)`
HSV (or HSB)	314.9°, 94.7, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.961, 86.61, -30.342
XYZ	45.969, 22.892, 48.449
xyY	0.392, 0.195, 22.892
CIE-LCH	54.961, 91.771, 340.693
CIE-LUV	54.961, 104.352, -59.317
Hunter-Lab	47.846, 87.771, -26.546
Binary	11110011, 00001101, 10111010

#f30dba
```
#f30dba rgb(243,13,186)
```
#0df346
```
#0df346 rgb(13,243,70)
```

Complementary Color

#b90df3
```
#b90df3 rgb(185,13,243)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#f30d47
```
#f30d47 rgb(243,13,71)
```

Analogous Color

#0df3b9
```
#0df3b9 rgb(13,243,185)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#47f30d
```
#47f30d rgb(71,243,13)
```

Split Complementary Color

#0dbaf3
```
#0dbaf3 rgb(13,186,243)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#baf30d
```
#baf30d rgb(186,243,13)
```

Triadic Color

#460df3
```
#460df3 rgb(70,13,243)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#baf30d
```
#baf30d rgb(186,243,13)
```
#0df346
```
#0df346 rgb(13,243,70)
```

Tetradic Color

#ab0883
```
#ab0883 rgb(171,8,131)
```
#c30a95
```
#c30a95 rgb(195,10,149)
```
#dc0ba8
```
#dc0ba8 rgb(220,11,168)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#f425c1
```
#f425c1 rgb(244,37,193)
```
#f53ec8
```
#f53ec8 rgb(245,62,200)
```
#f756cf
```
#f756cf rgb(247,86,207)
```

Monochromatic Color

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

#f30df3
```
#f30df3 rgb(243,13,243)
```
#f30de0
```
#f30de0 rgb(243,13,224)
```
#f30dcd
```
#f30dcd rgb(243,13,205)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#f30da7
```
#f30da7 rgb(243,13,167)
```
#f30d94
```
#f30d94 rgb(243,13,148)
```
#f30d81
```
#f30d81 rgb(243,13,129)
```

Similar Colors

Text with hexadecimal color #f30dba

This text has a font color of #f30dba.

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

#f30dba background color

This paragraph has a background color of #f30dba.

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

#f30dba border color

This element has a border color of #f30dba.

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

CSS codes

.text {color:#f30dba;}

.background {background-color:#f30dba;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#14010f
```
#14010f rgb(20,1,15)
```
#26021d
```
#26021d rgb(38,2,29)
```
#39032c
```
#39032c rgb(57,3,44)
```
#4c043a
```
#4c043a rgb(76,4,58)
```
#5e0548
```
#5e0548 rgb(94,5,72)
```
#710656
```
#710656 rgb(113,6,86)
```
#840765
```
#840765 rgb(132,7,101)
```
#960773
```
#960773 rgb(150,7,115)
```
#a90881
```
#a90881 rgb(169,8,129)
```
#bc0990
```
#bc0990 rgb(188,9,144)
```
#cf0a9e
```
#cf0a9e rgb(207,10,158)
```
#e10bac
```
#e10bac rgb(225,11,172)
```

Shade Color Variation

#f30dba
```
#f30dba rgb(243,13,186)
```
#f420bf
```
#f420bf rgb(244,32,191)
```
#f532c5
```
#f532c5 rgb(245,50,197)
```
#f645ca
```
#f645ca rgb(246,69,202)
```
#f758cf
```
#f758cf rgb(247,88,207)
```
#f86ad5
```
#f86ad5 rgb(248,106,213)
```
#f97dda
```
#f97dda rgb(249,125,218)
```
#f990df
```
#f990df rgb(249,144,223)
```
#faa3e5
```
#faa3e5 rgb(250,163,229)
```
#fbb5ea
```
#fbb5ea rgb(251,181,234)
```
#fcc8ef
```
#fcc8ef rgb(252,200,239)
```
#fddbf5
```
#fddbf5 rgb(253,219,245)
```
#feedfa
```
#feedfa rgb(254,237,250)
```

Tint Color Variation

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

#887884
```
#887884 rgb(136,120,132)
```
#916f89
```
#916f89 rgb(145,111,137)
```
#9b658e
```
#9b658e rgb(155,101,142)
```
#a55b93
```
#a55b93 rgb(165,91,147)
```
#af5198
```
#af5198 rgb(175,81,152)
```
#b8489c
```
#b8489c rgb(184,72,156)
```
#c23ea1
```
#c23ea1 rgb(194,62,161)
```
#cc34a6
```
#cc34a6 rgb(204,52,166)
```
#d62aab
```
#d62aab rgb(214,42,171)
```
#df21b0
```
#df21b0 rgb(223,33,176)
```
#e917b5
```
#e917b5 rgb(233,23,181)
```
#f30dba
```
#f30dba rgb(243,13,186)
```
#fd03bf
```
#fd03bf rgb(253,3,191)
```

Tone Color Variation

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

Dichromacy

#3e86f9 Protanopia 1% of men
#8487ab Deuteranopia 1% of men
#eb5357 Tritanopia 0.001% of the population

Trichromacy

#805ae2 Protanomaly 1% of men, 0.01% of women
#ac5bb0 Deuteranomaly 6% of men, 0.4% of women
#ee397b Tritanomaly 0.01% of the population

#f30dba hex color

#f30dba Color Information

#f30dba Color Conversion

Color Schemes with #f30dba

Alternatives to #f30dba

#f30dba Preview

Shades and Tints of #f30dba

Tones of #f30dba

Color Blindness Simulator