#f349f2 hex color

In a RGB color space, hex #f349f2 is composed of 95.3% red, 28.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70% magenta, 0.4% yellow and 4.7% black. It has a hue angle of 300.4 degrees, a saturation of 87.6% and a lightness of 62%. #f349f2 color hex could be obtained by blending #ff92ff with #e700e5. Closest websafe color is: #ff33ff.

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

● #f349f2 color description : Soft magenta.

The hexadecimal color #f349f2 has RGB values of R:243, G:73, B:242 and CMYK values of C:0, M:0.7, Y:0, K:0.05. Its decimal value is 15944178.

Hex triplet	f349f2	`#f349f2`
RGB Decimal	243, 73, 242	`rgb(243,73,242)`
RGB Percent	95.3, 28.6, 94.9	`rgb(95.3%,28.6%,94.9%)`
CMYK	0, 70, 0, 5
HSL	300.4°, 87.6, 62	`hsl(300.4,87.6%,62%)`
HSV (or HSB)	300.4°, 70, 95.3
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.856, 82.005, -51.296
XYZ	55.371, 30.234, 86.919
xyY	0.321, 0.175, 30.234
CIE-LCH	61.856, 96.727, 327.973
CIE-LUV	61.856, 72.318, -92.301
Hunter-Lab	54.985, 83.525, -55.234
Binary	11110011, 01001001, 11110010

#f349f2
```
#f349f2 rgb(243,73,242)
```
#49f34a
```
#49f34a rgb(73,243,74)
```

Complementary Color

#9f49f3
```
#9f49f3 rgb(159,73,243)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f3499d
```
#f3499d rgb(243,73,157)
```

Analogous Color

#49f39f
```
#49f39f rgb(73,243,159)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#9df349
```
#9df349 rgb(157,243,73)
```

Split Complementary Color

#49f2f3
```
#49f2f3 rgb(73,242,243)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f2f349
```
#f2f349 rgb(242,243,73)
```

Triadic Color

#4a49f3
```
#4a49f3 rgb(74,73,243)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f2f349
```
#f2f349 rgb(242,243,73)
```
#49f34a
```
#49f34a rgb(73,243,74)
```

Tetradic Color

#e10fdf
```
#e10fdf rgb(225,15,223)
```
#f019ef
```
#f019ef rgb(240,25,239)
```
#f131f0
```
#f131f0 rgb(241,49,240)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f561f4
```
#f561f4 rgb(245,97,244)
```
#f679f5
```
#f679f5 rgb(246,121,245)
```
#f891f7
```
#f891f7 rgb(248,145,247)
```

Monochromatic Color

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

#ca49f3
```
#ca49f3 rgb(202,73,243)
```
#d849f3
```
#d849f3 rgb(216,73,243)
```
#e649f3
```
#e649f3 rgb(230,73,243)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f349e4
```
#f349e4 rgb(243,73,228)
```
#f349d6
```
#f349d6 rgb(243,73,214)
```
#f349c8
```
#f349c8 rgb(243,73,200)
```

Similar Colors

Text with hexadecimal color #f349f2

This text has a font color of #f349f2.

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

#f349f2 background color

This paragraph has a background color of #f349f2.

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

#f349f2 border color

This element has a border color of #f349f2.

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

CSS codes

.text {color:#f349f2;}

.background {background-color:#f349f2;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140114
```
#140114 rgb(20,1,20)
```
#270327
```
#270327 rgb(39,3,39)
```
#390439
```
#390439 rgb(57,4,57)
```
#4c054b
```
#4c054b rgb(76,5,75)
```
#5e065e
```
#5e065e rgb(94,6,94)
```
#700770
```
#700770 rgb(112,7,112)
```
#830982
```
#830982 rgb(131,9,130)
```
#950a94
```
#950a94 rgb(149,10,148)
```
#a80ba7
```
#a80ba7 rgb(168,11,167)
```
#ba0cb9
```
#ba0cb9 rgb(186,12,185)
```
#cc0dcb
```
#cc0dcb rgb(204,13,203)
```
#df0fde
```
#df0fde rgb(223,15,222)
```

Shade Color Variation

#ef12ee
```
#ef12ee rgb(239,18,238)
```
#f124ef
```
#f124ef rgb(241,36,239)
```
#f237f1
```
#f237f1 rgb(242,55,241)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#f45bf3
```
#f45bf3 rgb(244,91,243)
```
#f56ef5
```
#f56ef5 rgb(245,110,245)
```
#f780f6
```
#f780f6 rgb(247,128,246)
```
#f893f7
```
#f893f7 rgb(248,147,247)
```
#f9a5f9
```
#f9a5f9 rgb(249,165,249)
```
#fab7fa
```
#fab7fa rgb(250,183,250)
```
#fbcafb
```
#fbcafb rgb(251,202,251)
```
#fddcfd
```
#fddcfd rgb(253,220,253)
```
#feeffe
```
#feeffe rgb(254,239,254)
```

Tint Color Variation

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

#a19ba1
```
#a19ba1 rgb(161,155,161)
```
#a894a8
```
#a894a8 rgb(168,148,168)
```
#b08cb0
```
#b08cb0 rgb(176,140,176)
```
#b785b7
```
#b785b7 rgb(183,133,183)
```
#bf7dbe
```
#bf7dbe rgb(191,125,190)
```
#c676c6
```
#c676c6 rgb(198,118,198)
```
#ce6ecd
```
#ce6ecd rgb(206,110,205)
```
#d567d5
```
#d567d5 rgb(213,103,213)
```
#dd5fdc
```
#dd5fdc rgb(221,95,220)
```
#e458e3
```
#e458e3 rgb(228,88,227)
```
#ec50eb
```
#ec50eb rgb(236,80,235)
```
#f349f2
```
#f349f2 rgb(243,73,242)
```
#fa42f9
```
#fa42f9 rgb(250,66,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a381a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#789ae0 Deuteranopia 1% of men
#e57a82 Tritanopia 0.001% of the population

Trichromacy

#997bfa Protanomaly 1% of men, 0.01% of women
#a47ce6 Deuteranomaly 6% of men, 0.4% of women
#ea68aa Tritanomaly 0.01% of the population

#f349f2 hex color

#f349f2 Color Information

#f349f2 Color Conversion

Color Schemes with #f349f2

Alternatives to #f349f2

#f349f2 Preview

Shades and Tints of #f349f2

Tones of #f349f2

Color Blindness Simulator