#f48afd hex color

In a RGB color space, hex #f48afd is composed of 95.7% red, 54.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 45.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 295.3 degrees, a saturation of 96.6% and a lightness of 76.7%. #f48afd color hex could be obtained by blending #ffffff with #e915fb. Closest websafe color is: #ff99ff.

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

● #f48afd color description : Soft magenta.

The hexadecimal color #f48afd has RGB values of R:244, G:138, B:253 and CMYK values of C:0.04, M:0.45, Y:0, K:0.01. Its decimal value is 16026365.

Hex triplet	f48afd	`#f48afd`
RGB Decimal	244, 138, 253	`rgb(244,138,253)`
RGB Percent	95.7, 54.1, 99.2	`rgb(95.7%,54.1%,99.2%)`
CMYK	4, 45, 0, 1
HSL	295.3°, 96.6, 76.7	`hsl(295.3,96.6%,76.7%)`
HSV (or HSB)	295.3°, 45.5, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	72.564, 56.786, -40.493
XYZ	64.124, 44.504, 98.136
xyY	0.31, 0.215, 44.504
CIE-LCH	72.564, 69.745, 324.508
CIE-LUV	72.564, 49.18, -73.565
Hunter-Lab	66.712, 54.832, -40.52
Binary	11110100, 10001010, 11111101

#f48afd
```
#f48afd rgb(244,138,253)
```
#93fd8a
```
#93fd8a rgb(147,253,138)
```

Complementary Color

#bb8afd
```
#bb8afd rgb(187,138,253)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#fd8acd
```
#fd8acd rgb(253,138,205)
```

Analogous Color

#8afdbb
```
#8afdbb rgb(138,253,187)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#cdfd8a
```
#cdfd8a rgb(205,253,138)
```

Split Complementary Color

#8afdf4
```
#8afdf4 rgb(138,253,244)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#fdf48a
```
#fdf48a rgb(253,244,138)
```

Triadic Color

#8a93fd
```
#8a93fd rgb(138,147,253)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#fdf48a
```
#fdf48a rgb(253,244,138)
```
#93fd8a
```
#93fd8a rgb(147,253,138)
```

Tetradic Color

#ed3ffc
```
#ed3ffc rgb(237,63,252)
```
#ef58fc
```
#ef58fc rgb(239,88,252)
```
#f271fd
```
#f271fd rgb(242,113,253)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#f6a3fd
```
#f6a3fd rgb(246,163,253)
```
#f9bcfe
```
#f9bcfe rgb(249,188,254)
```
#fbd5fe
```
#fbd5fe rgb(251,213,254)
```

Monochromatic Color

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

#d78afd
```
#d78afd rgb(215,138,253)
```
#e18afd
```
#e18afd rgb(225,138,253)
```
#ea8afd
```
#ea8afd rgb(234,138,253)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#fd8afc
```
#fd8afc rgb(253,138,252)
```
#fd8af3
```
#fd8af3 rgb(253,138,243)
```
#fd8ae9
```
#fd8ae9 rgb(253,138,233)
```

Similar Colors

Text with hexadecimal color #f48afd

This text has a font color of #f48afd.

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

#f48afd background color

This paragraph has a background color of #f48afd.

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

#f48afd border color

This element has a border color of #f48afd.

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

CSS codes

.text {color:#f48afd;}

.background {background-color:#f48afd;}

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

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

#110012
```
#110012 rgb(17,0,18)
```
#220125
```
#220125 rgb(34,1,37)
```
#340139
```
#340139 rgb(52,1,57)
```
#46014c
```
#46014c rgb(70,1,76)
```
#58025f
```
#58025f rgb(88,2,95)
```
#6a0272
```
#6a0272 rgb(106,2,114)
```
#7b0286
```
#7b0286 rgb(123,2,134)
```
#8d0399
```
#8d0399 rgb(141,3,153)
```
#9f03ac
```
#9f03ac rgb(159,3,172)
```
#b103c0
```
#b103c0 rgb(177,3,192)
```
#c304d3
```
#c304d3 rgb(195,4,211)
```
#d404e6
```
#d404e6 rgb(212,4,230)
```
#e604f9
```
#e604f9 rgb(230,4,249)
```

Shade Color Variation

#e916fb
```
#e916fb rgb(233,22,251)
```
#eb2afb
```
#eb2afb rgb(235,42,251)
```
#ed3dfc
```
#ed3dfc rgb(237,61,252)
```
#ef50fc
```
#ef50fc rgb(239,80,252)
```
#f063fc
```
#f063fc rgb(240,99,252)
```
#f277fd
```
#f277fd rgb(242,119,253)
```
#f48afd
```
#f48afd rgb(244,138,253)
```
#f69dfd
```
#f69dfd rgb(246,157,253)
```
#f8b1fe
```
#f8b1fe rgb(248,177,254)
```
#f9c4fe
```
#f9c4fe rgb(249,196,254)
```
#fbd7fe
```
#fbd7fe rgb(251,215,254)
```
#fdeaff
```
#fdeaff rgb(253,234,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#c6c1c6
```
#c6c1c6 rgb(198,193,198)
```
#cabccb
```
#cabccb rgb(202,188,203)
```
#cdb8cf
```
#cdb8cf rgb(205,184,207)
```
#d1b3d4
```
#d1b3d4 rgb(209,179,212)
```
#d5afd8
```
#d5afd8 rgb(213,175,216)
```
#d9aadd
```
#d9aadd rgb(217,170,221)
```
#dda5e2
```
#dda5e2 rgb(221,165,226)
```
#e1a1e6
```
#e1a1e6 rgb(225,161,230)
```
#e59ceb
```
#e59ceb rgb(229,156,235)
```
#e898ef
```
#e898ef rgb(232,152,239)
```
#ec93f4
```
#ec93f4 rgb(236,147,244)
```
#f08ff8
```
#f08ff8 rgb(240,143,248)
```
#f48afd
```
#f48afd rgb(244,138,253)
```

Tone Color Variation

Below, you can see how #f48afd 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
#a2b3f2 Deuteranopia 1% of men
#e8a3ae Tritanopia 0.001% of the population

Trichromacy

#bba4fe Protanomaly 1% of men, 0.01% of women
#bfa4f6 Deuteranomaly 6% of men, 0.4% of women
#ec9acb Tritanomaly 0.01% of the population

#f48afd hex color

#f48afd Color Information

#f48afd Color Conversion

Color Schemes with #f48afd

Alternatives to #f48afd

#f48afd Preview

Shades and Tints of #f48afd

Tones of #f48afd

Color Blindness Simulator