#f48bfb hex color

In a RGB color space, hex #f48bfb is composed of 95.7% red, 54.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 44.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 296.3 degrees, a saturation of 93.3% and a lightness of 76.5%. #f48bfb color hex could be obtained by blending #ffffff with #e917f7. Closest websafe color is: #ff99ff.

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

● #f48bfb color description : Very soft magenta.

The hexadecimal color #f48bfb has RGB values of R:244, G:139, B:251 and CMYK values of C:0.03, M:0.45, Y:0, K:0.02. Its decimal value is 16026619.

Hex triplet	f48bfb	`#f48bfb`
RGB Decimal	244, 139, 251	`rgb(244,139,251)`
RGB Percent	95.7, 54.5, 98.4	`rgb(95.7%,54.5%,98.4%)`
CMYK	3, 45, 0, 2
HSL	296.3°, 93.3, 76.5	`hsl(296.3,93.3%,76.5%)`
HSV (or HSB)	296.3°, 44.6, 98.4
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	72.671, 55.93, -39.239
XYZ	63.952, 44.666, 96.514
xyY	0.312, 0.218, 44.666
CIE-LCH	72.671, 68.322, 324.948
CIE-LUV	72.671, 49.218, -71.39
Hunter-Lab	66.833, 53.848, -38.839
Binary	11110100, 10001011, 11111011

#f48bfb
```
#f48bfb rgb(244,139,251)
```
#92fb8b
```
#92fb8b rgb(146,251,139)
```

Complementary Color

#bc8bfb
```
#bc8bfb rgb(188,139,251)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#fb8bca
```
#fb8bca rgb(251,139,202)
```

Analogous Color

#8bfbbc
```
#8bfbbc rgb(139,251,188)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#cafb8b
```
#cafb8b rgb(202,251,139)
```

Split Complementary Color

#8bfbf4
```
#8bfbf4 rgb(139,251,244)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#fbf48b
```
#fbf48b rgb(251,244,139)
```

Triadic Color

#8b92fb
```
#8b92fb rgb(139,146,251)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#fbf48b
```
#fbf48b rgb(251,244,139)
```
#92fb8b
```
#92fb8b rgb(146,251,139)
```

Tetradic Color

#ed41f8
```
#ed41f8 rgb(237,65,248)
```
#ef5af9
```
#ef5af9 rgb(239,90,249)
```
#f272fa
```
#f272fa rgb(242,114,250)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#f6a4fc
```
#f6a4fc rgb(246,164,252)
```
#f9bcfd
```
#f9bcfd rgb(249,188,253)
```
#fbd5fe
```
#fbd5fe rgb(251,213,254)
```

Monochromatic Color

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

#d88bfb
```
#d88bfb rgb(216,139,251)
```
#e18bfb
```
#e18bfb rgb(225,139,251)
```
#eb8bfb
```
#eb8bfb rgb(235,139,251)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#fb8bf9
```
#fb8bf9 rgb(251,139,249)
```
#fb8bef
```
#fb8bef rgb(251,139,239)
```
#fb8be6
```
#fb8be6 rgb(251,139,230)
```

Similar Colors

Text with hexadecimal color #f48bfb

This text has a font color of #f48bfb.

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

#f48bfb background color

This paragraph has a background color of #f48bfb.

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

#f48bfb border color

This element has a border color of #f48bfb.

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

CSS codes

.text {color:#f48bfb;}

.background {background-color:#f48bfb;}

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

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

#100111
```
#100111 rgb(16,1,17)
```
#220124
```
#220124 rgb(34,1,36)
```
#330237
```
#330237 rgb(51,2,55)
```
#45034a
```
#45034a rgb(69,3,74)
```
#57035d
```
#57035d rgb(87,3,93)
```
#690470
```
#690470 rgb(105,4,112)
```
#7b0583
```
#7b0583 rgb(123,5,131)
```
#8c0595
```
#8c0595 rgb(140,5,149)
```
#9e06a8
```
#9e06a8 rgb(158,6,168)
```
#b006bb
```
#b006bb rgb(176,6,187)
```
#c207ce
```
#c207ce rgb(194,7,206)
```
#d408e1
```
#d408e1 rgb(212,8,225)
```
#e608f4
```
#e608f4 rgb(230,8,244)
```

Shade Color Variation

#e919f7
```
#e919f7 rgb(233,25,247)
```
#eb2cf8
```
#eb2cf8 rgb(235,44,248)
```
#ed3ff8
```
#ed3ff8 rgb(237,63,248)
```
#ef52f9
```
#ef52f9 rgb(239,82,249)
```
#f065fa
```
#f065fa rgb(240,101,250)
```
#f278fa
```
#f278fa rgb(242,120,250)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```
#f69efc
```
#f69efc rgb(246,158,252)
```
#f8b1fc
```
#f8b1fc rgb(248,177,252)
```
#f9c4fd
```
#f9c4fd rgb(249,196,253)
```
#fbd7fe
```
#fbd7fe rgb(251,215,254)
```
#fdeafe
```
#fdeafe rgb(253,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#c4c2c4
```
#c4c2c4 rgb(196,194,196)
```
#c8bec8
```
#c8bec8 rgb(200,190,200)
```
#ccb9cd
```
#ccb9cd rgb(204,185,205)
```
#d0b5d1
```
#d0b5d1 rgb(208,181,209)
```
#d4b0d6
```
#d4b0d6 rgb(212,176,214)
```
#d8abdb
```
#d8abdb rgb(216,171,219)
```
#dca7df
```
#dca7df rgb(220,167,223)
```
#e0a2e4
```
#e0a2e4 rgb(224,162,228)
```
#e49de9
```
#e49de9 rgb(228,157,233)
```
#e899ed
```
#e899ed rgb(232,153,237)
```
#ec94f2
```
#ec94f2 rgb(236,148,242)
```
#f090f6
```
#f090f6 rgb(240,144,246)
```
#f48bfb
```
#f48bfb rgb(244,139,251)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c3aec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb3ff Protanopia 1% of men
#a4b4f0 Deuteranopia 1% of men
#e9a3ae Tritanopia 0.001% of the population

Trichromacy

#bba5fd Protanomaly 1% of men, 0.01% of women
#c1a5f4 Deuteranomaly 6% of men, 0.4% of women
#ed9aca Tritanomaly 0.01% of the population

#f48bfb hex color

#f48bfb Color Information

#f48bfb Color Conversion

Color Schemes with #f48bfb

Alternatives to #f48bfb

#f48bfb Preview

Shades and Tints of #f48bfb

Tones of #f48bfb

Color Blindness Simulator