#f948fd hex color

In a RGB color space, hex #f948fd is composed of 97.6% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 298.7 degrees, a saturation of 97.8% and a lightness of 63.7%. #f948fd color hex could be obtained by blending #ff90ff with #f300fb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 98
- G 28
- B 99
RGB color chart
- C 2
- M 72
- Y 0
- K 1
CMYK color chart

● #f948fd color description : Bright magenta.

The hexadecimal color #f948fd has RGB values of R:249, G:72, B:253 and CMYK values of C:0.02, M:0.72, Y:0, K:0.01. Its decimal value is 16337149.

Hex triplet	f948fd	`#f948fd`
RGB Decimal	249, 72, 253	`rgb(249,72,253)`
RGB Percent	97.6, 28.2, 99.2	`rgb(97.6%,28.2%,99.2%)`
CMYK	2, 72, 0, 1
HSL	298.7°, 97.8, 63.7	`hsl(298.7,97.8%,63.7%)`
HSV (or HSB)	298.7°, 71.5, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	63.235, 85.262, -55.14
XYZ	59.113, 31.87, 95.961
xyY	0.316, 0.17, 31.87
CIE-LCH	63.235, 101.538, 327.108
CIE-LUV	63.235, 72.958, -99.209
Hunter-Lab	56.453, 88.114, -61.265
Binary	11111001, 01001000, 11111101

#f948fd
```
#f948fd rgb(249,72,253)
```
#4cfd48
```
#4cfd48 rgb(76,253,72)
```

Complementary Color

#9f48fd
```
#9f48fd rgb(159,72,253)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fd48a7
```
#fd48a7 rgb(253,72,167)
```

Analogous Color

#48fd9f
```
#48fd9f rgb(72,253,159)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#a7fd48
```
#a7fd48 rgb(167,253,72)
```

Split Complementary Color

#48fdf9
```
#48fdf9 rgb(72,253,249)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fdf948
```
#fdf948 rgb(253,249,72)
```

Triadic Color

#484cfd
```
#484cfd rgb(72,76,253)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fdf948
```
#fdf948 rgb(253,249,72)
```
#4cfd48
```
#4cfd48 rgb(76,253,72)
```

Tetradic Color

#f003f6
```
#f003f6 rgb(240,3,246)
```
#f716fc
```
#f716fc rgb(247,22,252)
```
#f82ffd
```
#f82ffd rgb(248,47,253)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fa61fd
```
#fa61fd rgb(250,97,253)
```
#fb7afe
```
#fb7afe rgb(251,122,254)
```
#fb94fe
```
#fb94fe rgb(251,148,254)
```

Monochromatic Color

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

#cc48fd
```
#cc48fd rgb(204,72,253)
```
#db48fd
```
#db48fd rgb(219,72,253)
```
#ea48fd
```
#ea48fd rgb(234,72,253)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fd48f2
```
#fd48f2 rgb(253,72,242)
```
#fd48e3
```
#fd48e3 rgb(253,72,227)
```
#fd48d4
```
#fd48d4 rgb(253,72,212)
```

Similar Colors

Text with hexadecimal color #f948fd

This text has a font color of #f948fd.

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

#f948fd background color

This paragraph has a background color of #f948fd.

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

#f948fd border color

This element has a border color of #f948fd.

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

CSS codes

.text {color:#f948fd;}

.background {background-color:#f948fd;}

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

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, #0b000b is the darkest color, while #fff7ff is the lightest one.

#0b000b
```
#0b000b rgb(11,0,11)
```
#1e001e
```
#1e001e rgb(30,0,30)
```
#310132
```
#310132 rgb(49,1,50)
```
#440145
```
#440145 rgb(68,1,69)
```
#570159
```
#570159 rgb(87,1,89)
```
#6a016c
```
#6a016c rgb(106,1,108)
```
#7d017f
```
#7d017f rgb(125,1,127)
```
#900293
```
#900293 rgb(144,2,147)
```
#a302a6
```
#a302a6 rgb(163,2,166)
```
#b602ba
```
#b602ba rgb(182,2,186)
```
#c902cd
```
#c902cd rgb(201,2,205)
```
#dc02e0
```
#dc02e0 rgb(220,2,224)
```
#ef03f4
```
#ef03f4 rgb(239,3,244)
```

Shade Color Variation

#f70efc
```
#f70efc rgb(247,14,252)
```
#f821fd
```
#f821fd rgb(248,33,253)
```
#f835fd
```
#f835fd rgb(248,53,253)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fa5bfd
```
#fa5bfd rgb(250,91,253)
```
#fa6ffd
```
#fa6ffd rgb(250,111,253)
```
#fb82fe
```
#fb82fe rgb(251,130,254)
```
#fc96fe
```
#fc96fe rgb(252,150,254)
```
#fca9fe
```
#fca9fe rgb(252,169,254)
```
#fdbcfe
```
#fdbcfe rgb(253,188,254)
```
#fdd0fe
```
#fdd0fe rgb(253,208,254)
```
#fee3ff
```
#fee3ff rgb(254,227,255)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#a79da8
```
#a79da8 rgb(167,157,168)
```
#ae96af
```
#ae96af rgb(174,150,175)
```
#b58fb6
```
#b58fb6 rgb(181,143,182)
```
#bc88bd
```
#bc88bd rgb(188,136,189)
```
#c381c4
```
#c381c4 rgb(195,129,196)
```
#c97acb
```
#c97acb rgb(201,122,203)
```
#d073d2
```
#d073d2 rgb(208,115,210)
```
#d76cd9
```
#d76cd9 rgb(215,108,217)
```
#de64e1
```
#de64e1 rgb(222,100,225)
```
#e55de8
```
#e55de8 rgb(229,93,232)
```
#eb56ef
```
#eb56ef rgb(235,86,239)
```
#f24ff6
```
#f24ff6 rgb(242,79,246)
```
#f948fd
```
#f948fd rgb(249,72,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a783a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e9bff Protanopia 1% of men
#759ee9 Deuteranopia 1% of men
#e97d85 Tritanopia 0.001% of the population

Trichromacy

#a07dfe Protanomaly 1% of men, 0.01% of women
#a57ef0 Deuteranomaly 6% of men, 0.4% of women
#ef6ab1 Tritanomaly 0.01% of the population

#f948fd hex color

#f948fd Color Information

#f948fd Color Conversion

Color Schemes with #f948fd

Alternatives to #f948fd

#f948fd Preview

Shades and Tints of #f948fd

Tones of #f948fd

Color Blindness Simulator