#f48afc hex color

In a RGB color space, hex #f48afc is composed of 95.7% red, 54.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 45.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 295.8 degrees, a saturation of 95% and a lightness of 76.5%. #f48afc color hex could be obtained by blending #ffffff with #e915f9. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 54
- B 99
RGB color chart
- C 3
- M 45
- Y 0
- K 1
CMYK color chart

● #f48afc color description : Soft magenta.

The hexadecimal color #f48afc has RGB values of R:244, G:138, B:252 and CMYK values of C:0.03, M:0.45, Y:0, K:0.01. Its decimal value is 16026364.

Hex triplet	f48afc	`#f48afc`
RGB Decimal	244, 138, 252	`rgb(244,138,252)`
RGB Percent	95.7, 54.1, 98.8	`rgb(95.7%,54.1%,98.8%)`
CMYK	3, 45, 0, 1
HSL	295.8°, 95, 76.5	`hsl(295.8,95%,76.5%)`
HSV (or HSB)	295.8°, 45.2, 98.8
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	72.522, 56.605, -40.015
XYZ	63.966, 44.441, 97.299
xyY	0.311, 0.216, 44.441
CIE-LCH	72.522, 69.321, 324.743
CIE-LUV	72.522, 49.4, -72.746
Hunter-Lab	66.664, 54.612, -39.871
Binary	11110100, 10001010, 11111100

#f48afc
```
#f48afc rgb(244,138,252)
```
#92fc8a
```
#92fc8a rgb(146,252,138)
```

Complementary Color

#bb8afc
```
#bb8afc rgb(187,138,252)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#fc8acb
```
#fc8acb rgb(252,138,203)
```

Analogous Color

#8afcbb
```
#8afcbb rgb(138,252,187)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#cbfc8a
```
#cbfc8a rgb(203,252,138)
```

Split Complementary Color

#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#fcf48a
```
#fcf48a rgb(252,244,138)
```

Triadic Color

#8a92fc
```
#8a92fc rgb(138,146,252)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#fcf48a
```
#fcf48a rgb(252,244,138)
```
#92fc8a
```
#92fc8a rgb(146,252,138)
```

Tetradic Color

#ed3ffa
```
#ed3ffa rgb(237,63,250)
```
#ef58fb
```
#ef58fb rgb(239,88,251)
```
#f271fb
```
#f271fb rgb(242,113,251)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#f6a3fd
```
#f6a3fd rgb(246,163,253)
```
#f9bcfd
```
#f9bcfd rgb(249,188,253)
```
#fbd5fe
```
#fbd5fe rgb(251,213,254)
```

Monochromatic Color

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

#d88afc
```
#d88afc rgb(216,138,252)
```
#e18afc
```
#e18afc rgb(225,138,252)
```
#eb8afc
```
#eb8afc rgb(235,138,252)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#fc8afb
```
#fc8afb rgb(252,138,251)
```
#fc8af1
```
#fc8af1 rgb(252,138,241)
```
#fc8ae8
```
#fc8ae8 rgb(252,138,232)
```

Similar Colors

Text with hexadecimal color #f48afc

This text has a font color of #f48afc.

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

#f48afc background color

This paragraph has a background color of #f48afc.

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

#f48afc border color

This element has a border color of #f48afc.

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

CSS codes

.text {color:#f48afc;}

.background {background-color:#f48afc;}

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

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

#100011
```
#100011 rgb(16,0,17)
```
#220124
```
#220124 rgb(34,1,36)
```
#330137
```
#330137 rgb(51,1,55)
```
#45024a
```
#45024a rgb(69,2,74)
```
#57025d
```
#57025d rgb(87,2,93)
```
#690371
```
#690371 rgb(105,3,113)
```
#7b0384
```
#7b0384 rgb(123,3,132)
```
#8c0497
```
#8c0497 rgb(140,4,151)
```
#9e04aa
```
#9e04aa rgb(158,4,170)
```
#b005bd
```
#b005bd rgb(176,5,189)
```
#c205d0
```
#c205d0 rgb(194,5,208)
```
#d406e3
```
#d406e3 rgb(212,6,227)
```
#e606f6
```
#e606f6 rgb(230,6,246)
```

Shade Color Variation

#e917f9
```
#e917f9 rgb(233,23,249)
```
#eb2afa
```
#eb2afa rgb(235,42,250)
```
#ed3efa
```
#ed3efa rgb(237,62,250)
```
#ef51fb
```
#ef51fb rgb(239,81,251)
```
#f064fb
```
#f064fb rgb(240,100,251)
```
#f277fc
```
#f277fc rgb(242,119,252)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#f69dfc
```
#f69dfc rgb(246,157,252)
```
#f8b0fd
```
#f8b0fd rgb(248,176,253)
```
#f9c3fd
```
#f9c3fd rgb(249,195,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, #c4c1c5 is the less saturated color, while #f48afc is the most saturated one.

#c4c1c5
```
#c4c1c5 rgb(196,193,197)
```
#c8bdc9
```
#c8bdc9 rgb(200,189,201)
```
#ccb8ce
```
#ccb8ce rgb(204,184,206)
```
#d0b4d2
```
#d0b4d2 rgb(208,180,210)
```
#d4afd7
```
#d4afd7 rgb(212,175,215)
```
#d8aadc
```
#d8aadc rgb(216,170,220)
```
#dca6e0
```
#dca6e0 rgb(220,166,224)
```
#e0a1e5
```
#e0a1e5 rgb(224,161,229)
```
#e49cea
```
#e49cea rgb(228,156,234)
```
#e898ee
```
#e898ee rgb(232,152,238)
```
#ec93f3
```
#ec93f3 rgb(236,147,243)
```
#f08ff7
```
#f08ff7 rgb(240,143,247)
```
#f48afc
```
#f48afc rgb(244,138,252)
```

Tone Color Variation

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

#9ab3ff Protanopia 1% of men
#a2b3f1 Deuteranopia 1% of men
#e8a3ae Tritanopia 0.001% of the population

Trichromacy

#baa4fd Protanomaly 1% of men, 0.01% of women
#c0a4f5 Deuteranomaly 6% of men, 0.4% of women
#ec99ca Tritanomaly 0.01% of the population

#f48afc hex color

#f48afc Color Information

#f48afc Color Conversion

Color Schemes with #f48afc

Alternatives to #f48afc

#f48afc Preview

Shades and Tints of #f48afc

Tones of #f48afc

Color Blindness Simulator