#f48ff2 hex color

In a RGB color space, hex #f48ff2 is composed of 95.7% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 0.8% yellow and 4.3% black. It has a hue angle of 301.2 degrees, a saturation of 82.1% and a lightness of 75.9%. #f48ff2 color hex could be obtained by blending #ffffff with #e91fe5. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 56
- B 95
RGB color chart
- C 0
- M 41
- Y 1
- K 4
CMYK color chart

● #f48ff2 color description : Very soft magenta.

The hexadecimal color #f48ff2 has RGB values of R:244, G:143, B:242 and CMYK values of C:0, M:0.41, Y:0.01, K:0.04. Its decimal value is 16027634.

Hex triplet	f48ff2	`#f48ff2`
RGB Decimal	244, 143, 242	`rgb(244,143,242)`
RGB Percent	95.7, 56.1, 94.9	`rgb(95.7%,56.1%,94.9%)`
CMYK	0, 41, 1, 4
HSL	301.2°, 82.1, 75.9	`hsl(301.2,82.1%,75.9%)`
HSV (or HSB)	301.2°, 41.4, 95.7
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	73.083, 52.33, -33.697
XYZ	63.156, 45.291, 89.415
xyY	0.319, 0.229, 45.291
CIE-LCH	73.083, 62.241, 327.221
CIE-LUV	73.083, 49.492, -61.81
Hunter-Lab	67.299, 49.739, -31.665
Binary	11110100, 10001111, 11110010

#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#8ff491
```
#8ff491 rgb(143,244,145)
```

Complementary Color

#c48ff4
```
#c48ff4 rgb(196,143,244)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f48fc0
```
#f48fc0 rgb(244,143,192)
```

Analogous Color

#8ff4c4
```
#8ff4c4 rgb(143,244,196)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#c0f48f
```
#c0f48f rgb(192,244,143)
```

Split Complementary Color

#8ff2f4
```
#8ff2f4 rgb(143,242,244)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f2f48f
```
#f2f48f rgb(242,244,143)
```

Triadic Color

#918ff4
```
#918ff4 rgb(145,143,244)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f2f48f
```
#f2f48f rgb(242,244,143)
```
#8ff491
```
#8ff491 rgb(143,244,145)
```

Tetradic Color

#ed49ea
```
#ed49ea rgb(237,73,234)
```
#ef61ed
```
#ef61ed rgb(239,97,237)
```
#f278ef
```
#f278ef rgb(242,120,239)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f6a6f5
```
#f6a6f5 rgb(246,166,245)
```
#f9bdf7
```
#f9bdf7 rgb(249,189,247)
```
#fbd5fa
```
#fbd5fa rgb(251,213,250)
```

Monochromatic Color

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

#dd8ff4
```
#dd8ff4 rgb(221,143,244)
```
#e58ff4
```
#e58ff4 rgb(229,143,244)
```
#ee8ff4
```
#ee8ff4 rgb(238,143,244)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f48fea
```
#f48fea rgb(244,143,234)
```
#f48fe1
```
#f48fe1 rgb(244,143,225)
```
#f48fd9
```
#f48fd9 rgb(244,143,217)
```

Similar Colors

Text with hexadecimal color #f48ff2

This text has a font color of #f48ff2.

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

#f48ff2 background color

This paragraph has a background color of #f48ff2.

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

#f48ff2 border color

This element has a border color of #f48ff2.

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

CSS codes

.text {color:#f48ff2;}

.background {background-color:#f48ff2;}

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

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

#0d010d
```
#0d010d rgb(13,1,13)
```
#1f031e
```
#1f031e rgb(31,3,30)
```
#310530
```
#310530 rgb(49,5,48)
```
#430741
```
#430741 rgb(67,7,65)
```
#540853
```
#540853 rgb(84,8,83)
```
#660a65
```
#660a65 rgb(102,10,101)
```
#780c76
```
#780c76 rgb(120,12,118)
```
#8a0e88
```
#8a0e88 rgb(138,14,136)
```
#9c0f99
```
#9c0f99 rgb(156,15,153)
```
#ae11ab
```
#ae11ab rgb(174,17,171)
```
#c013bc
```
#c013bc rgb(192,19,188)
```
#d215ce
```
#d215ce rgb(210,21,206)
```
#e316df
```
#e316df rgb(227,22,223)
```

Shade Color Variation

#e924e6
```
#e924e6 rgb(233,36,230)
```
#eb36e8
```
#eb36e8 rgb(235,54,232)
```
#ed48ea
```
#ed48ea rgb(237,72,234)
```
#ef59ec
```
#ef59ec rgb(239,89,236)
```
#f06bee
```
#f06bee rgb(240,107,238)
```
#f27df0
```
#f27df0 rgb(242,125,240)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f6a1f4
```
#f6a1f4 rgb(246,161,244)
```
#f8b3f6
```
#f8b3f6 rgb(248,179,246)
```
#f9c5f8
```
#f9c5f8 rgb(249,197,248)
```
#fbd6fa
```
#fbd6fa rgb(251,214,250)
```
#fde8fc
```
#fde8fc rgb(253,232,252)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#c5bec5
```
#c5bec5 rgb(197,190,197)
```
#c9bac9
```
#c9bac9 rgb(201,186,201)
```
#ceb5ce
```
#ceb5ce rgb(206,181,206)
```
#d3b0d2
```
#d3b0d2 rgb(211,176,210)
```
#d8abd7
```
#d8abd7 rgb(216,171,215)
```
#dca7db
```
#dca7db rgb(220,167,219)
```
#e1a2e0
```
#e1a2e0 rgb(225,162,224)
```
#e69de4
```
#e69de4 rgb(230,157,228)
```
#eb98e9
```
#eb98e9 rgb(235,152,233)
```
#ef94ed
```
#ef94ed rgb(239,148,237)
```
#f48ff2
```
#f48ff2 rgb(244,143,242)
```
#f98af7
```
#f98af7 rgb(249,138,247)
```
#fd86fb
```
#fd86fb rgb(253,134,251)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c4b0c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db4ff Protanopia 1% of men
#abb4e9 Deuteranopia 1% of men
#eaa4af Tritanopia 0.001% of the population

Trichromacy

#bca7fa Protanomaly 1% of men, 0.01% of women
#c6a6ec Deuteranomaly 6% of men, 0.4% of women
#ee9cc7 Tritanomaly 0.01% of the population

#f48ff2 hex color

#f48ff2 Color Information

#f48ff2 Color Conversion

Color Schemes with #f48ff2

Alternatives to #f48ff2

#f48ff2 Preview

Shades and Tints of #f48ff2

Tones of #f48ff2

Color Blindness Simulator