#f942f5 hex color

In a RGB color space, hex #f942f5 is composed of 97.6% red, 25.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.5% magenta, 1.6% yellow and 2.4% black. It has a hue angle of 301.3 degrees, a saturation of 93.8% and a lightness of 61.8%. #f942f5 color hex could be obtained by blending #ff84ff with #f300eb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 98
- G 26
- B 96
RGB color chart
- C 0
- M 73
- Y 2
- K 2
CMYK color chart

● #f942f5 color description : Bright magenta.

The hexadecimal color #f942f5 has RGB values of R:249, G:66, B:245 and CMYK values of C:0, M:0.73, Y:0.02, K:0.02. Its decimal value is 16335605.

Hex triplet	f942f5	`#f942f5`
RGB Decimal	249, 66, 245	`rgb(249,66,245)`
RGB Percent	97.6, 25.9, 96.1	`rgb(97.6%,25.9%,96.1%)`
CMYK	0, 73, 2, 2
HSL	301.3°, 93.8, 61.8	`hsl(301.3,93.8%,61.8%)`
HSV (or HSB)	301.3°, 73.5, 97.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	62.196, 85.812, -52.364
XYZ	57.495, 30.632, 89.266
xyY	0.324, 0.173, 30.632
CIE-LCH	62.196, 100.528, 328.608
CIE-LUV	62.196, 76.984, -94.63
Hunter-Lab	55.347, 88.574, -56.883
Binary	11111001, 01000010, 11110101

#f942f5
```
#f942f5 rgb(249,66,245)
```
#42f946
```
#42f946 rgb(66,249,70)
```

Complementary Color

#a242f9
```
#a242f9 rgb(162,66,249)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#f9429a
```
#f9429a rgb(249,66,154)
```

Analogous Color

#42f9a2
```
#42f9a2 rgb(66,249,162)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#9af942
```
#9af942 rgb(154,249,66)
```

Split Complementary Color

#42f5f9
```
#42f5f9 rgb(66,245,249)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#f5f942
```
#f5f942 rgb(245,249,66)
```

Triadic Color

#4642f9
```
#4642f9 rgb(70,66,249)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#f5f942
```
#f5f942 rgb(245,249,66)
```
#42f946
```
#42f946 rgb(66,249,70)
```

Tetradic Color

#e707e2
```
#e707e2 rgb(231,7,226)
```
#f711f2
```
#f711f2 rgb(247,17,242)
```
#f829f4
```
#f829f4 rgb(248,41,244)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#fa5bf6
```
#fa5bf6 rgb(250,91,246)
```
#fb73f8
```
#fb73f8 rgb(251,115,248)
```
#fb8cf9
```
#fb8cf9 rgb(251,140,249)
```

Monochromatic Color

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

#cf42f9
```
#cf42f9 rgb(207,66,249)
```
#df42f9
```
#df42f9 rgb(223,66,249)
```
#ee42f9
```
#ee42f9 rgb(238,66,249)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#f942e6
```
#f942e6 rgb(249,66,230)
```
#f942d7
```
#f942d7 rgb(249,66,215)
```
#f942c7
```
#f942c7 rgb(249,66,199)
```

Similar Colors

Text with hexadecimal color #f942f5

This text has a font color of #f942f5.

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

#f942f5 background color

This paragraph has a background color of #f942f5.

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

#f942f5 border color

This element has a border color of #f942f5.

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

CSS codes

.text {color:#f942f5;}

.background {background-color:#f942f5;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140114
```
#140114 rgb(20,1,20)
```
#270126
```
#270126 rgb(39,1,38)
```
#3a0239
```
#3a0239 rgb(58,2,57)
```
#4d024c
```
#4d024c rgb(77,2,76)
```
#60035e
```
#60035e rgb(96,3,94)
```
#730471
```
#730471 rgb(115,4,113)
```
#860483
```
#860483 rgb(134,4,131)
```
#990596
```
#990596 rgb(153,5,150)
```
#ac05a9
```
#ac05a9 rgb(172,5,169)
```
#bf06bb
```
#bf06bb rgb(191,6,187)
```
#d207ce
```
#d207ce rgb(210,7,206)
```
#e507e0
```
#e507e0 rgb(229,7,224)
```

Shade Color Variation

#f709f2
```
#f709f2 rgb(247,9,242)
```
#f81cf3
```
#f81cf3 rgb(248,28,243)
```
#f82ff4
```
#f82ff4 rgb(248,47,244)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```
#fa55f6
```
#fa55f6 rgb(250,85,246)
```
#fa68f7
```
#fa68f7 rgb(250,104,247)
```
#fb7bf8
```
#fb7bf8 rgb(251,123,248)
```
#fb8ef9
```
#fb8ef9 rgb(251,142,249)
```
#fca1fa
```
#fca1fa rgb(252,161,250)
```
#fdb4fb
```
#fdb4fb rgb(253,180,251)
```
#fdc7fc
```
#fdc7fc rgb(253,199,252)
```
#fedafd
```
#fedafd rgb(254,218,253)
```
#feedfe
```
#feedfe rgb(254,237,254)
```

Tint Color Variation

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

#9f9c9f
```
#9f9c9f rgb(159,156,159)
```
#a795a6
```
#a795a6 rgb(167,149,166)
```
#ae8dad
```
#ae8dad rgb(174,141,173)
```
#b686b4
```
#b686b4 rgb(182,134,180)
```
#bd7ebc
```
#bd7ebc rgb(189,126,188)
```
#c577c3
```
#c577c3 rgb(197,119,195)
```
#cc6fca
```
#cc6fca rgb(204,111,202)
```
#d468d1
```
#d468d1 rgb(212,104,209)
```
#db60d8
```
#db60d8 rgb(219,96,216)
```
#e359df
```
#e359df rgb(227,89,223)
```
#ea51e7
```
#ea51e7 rgb(234,81,231)
```
#f24aee
```
#f24aee rgb(242,74,238)
```
#f942f5
```
#f942f5 rgb(249,66,245)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a37ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#789be1 Deuteranopia 1% of men
#ea7880 Tritanopia 0.001% of the population

Trichromacy

#9d79fb Protanomaly 1% of men, 0.01% of women
#a77ae8 Deuteranomaly 6% of men, 0.4% of women
#ef64aa Tritanomaly 0.01% of the population

#f942f5 hex color

#f942f5 Color Information

#f942f5 Color Conversion

Color Schemes with #f942f5

Alternatives to #f942f5

#f942f5 Preview

Shades and Tints of #f942f5

Tones of #f942f5

Color Blindness Simulator