#f48be5 hex color

In a RGB color space, hex #f48be5 is composed of 95.7% red, 54.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 6.1% yellow and 4.3% black. It has a hue angle of 308.6 degrees, a saturation of 82.7% and a lightness of 75.1%. #f48be5 color hex could be obtained by blending #ffffff with #e917cb. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 55
- B 90
RGB color chart
- C 0
- M 43
- Y 6
- K 4
CMYK color chart

● #f48be5 color description : Very soft magenta.

The hexadecimal color #f48be5 has RGB values of R:244, G:139, B:229 and CMYK values of C:0, M:0.43, Y:0.06, K:0.04. Its decimal value is 16026597.

Hex triplet	f48be5	`#f48be5`
RGB Decimal	244, 139, 229	`rgb(244,139,229)`
RGB Percent	95.7, 54.5, 89.8	`rgb(95.7%,54.5%,89.8%)`
CMYK	0, 43, 6, 4
HSL	308.6°, 82.7, 75.1	`hsl(308.6,82.7%,75.1%)`
HSV (or HSB)	308.6°, 43, 95.7
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	71.798, 52.101, -28.566
XYZ	60.683, 43.358, 79.297
xyY	0.331, 0.236, 43.358
CIE-LCH	71.798, 59.418, 331.265
CIE-LUV	71.798, 54.087, -53.312
Hunter-Lab	65.847, 49.268, -25.308
Binary	11110100, 10001011, 11100101

#f48be5
```
#f48be5 rgb(244,139,229)
```
#8bf49a
```
#8bf49a rgb(139,244,154)
```

Complementary Color

#cf8bf4
```
#cf8bf4 rgb(207,139,244)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#f48bb1
```
#f48bb1 rgb(244,139,177)
```

Analogous Color

#8bf4cf
```
#8bf4cf rgb(139,244,207)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#b1f48b
```
#b1f48b rgb(177,244,139)
```

Split Complementary Color

#8be5f4
```
#8be5f4 rgb(139,229,244)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#e5f48b
```
#e5f48b rgb(229,244,139)
```

Triadic Color

#9a8bf4
```
#9a8bf4 rgb(154,139,244)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#e5f48b
```
#e5f48b rgb(229,244,139)
```
#8bf49a
```
#8bf49a rgb(139,244,154)
```

Tetradic Color

#ed45d5
```
#ed45d5 rgb(237,69,213)
```
#f05cdb
```
#f05cdb rgb(240,92,219)
```
#f274e0
```
#f274e0 rgb(242,116,224)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#f6a2ea
```
#f6a2ea rgb(246,162,234)
```
#f8baef
```
#f8baef rgb(248,186,239)
```
#fbd1f5
```
#fbd1f5 rgb(251,209,245)
```

Monochromatic Color

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

#e98bf4
```
#e98bf4 rgb(233,139,244)
```
#f28bf4
```
#f28bf4 rgb(242,139,244)
```
#f48bee
```
#f48bee rgb(244,139,238)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#f48bdc
```
#f48bdc rgb(244,139,220)
```
#f48bd4
```
#f48bd4 rgb(244,139,212)
```
#f48bcb
```
#f48bcb rgb(244,139,203)
```

Similar Colors

Text with hexadecimal color #f48be5

This text has a font color of #f48be5.

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

#f48be5 background color

This paragraph has a background color of #f48be5.

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

#f48be5 border color

This element has a border color of #f48be5.

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

CSS codes

.text {color:#f48be5;}

.background {background-color:#f48be5;}

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

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

#090108
```
#090108 rgb(9,1,8)
```
#1b0318
```
#1b0318 rgb(27,3,24)
```
#2d0427
```
#2d0427 rgb(45,4,39)
```
#3f0637
```
#3f0637 rgb(63,6,55)
```
#510847
```
#510847 rgb(81,8,71)
```
#630956
```
#630956 rgb(99,9,86)
```
#750b66
```
#750b66 rgb(117,11,102)
```
#870d75
```
#870d75 rgb(135,13,117)
```
#990e85
```
#990e85 rgb(153,14,133)
```
#ab1095
```
#ab1095 rgb(171,16,149)
```
#bd12a4
```
#bd12a4 rgb(189,18,164)
```
#ce14b4
```
#ce14b4 rgb(206,20,180)
```
#e015c3
```
#e015c3 rgb(224,21,195)
```

Shade Color Variation

#ea20cd
```
#ea20cd rgb(234,32,205)
```
#ec31d1
```
#ec31d1 rgb(236,49,209)
```
#ed43d5
```
#ed43d5 rgb(237,67,213)
```
#ef55d9
```
#ef55d9 rgb(239,85,217)
```
#f167dd
```
#f167dd rgb(241,103,221)
```
#f279e1
```
#f279e1 rgb(242,121,225)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#f69de9
```
#f69de9 rgb(246,157,233)
```
#f7afed
```
#f7afed rgb(247,175,237)
```
#f9c1f1
```
#f9c1f1 rgb(249,193,241)
```
#fbd3f5
```
#fbd3f5 rgb(251,211,245)
```
#fce5f9
```
#fce5f9 rgb(252,229,249)
```
#fef6fd
```
#fef6fd rgb(254,246,253)
```

Tint Color Variation

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

#c3bcc2
```
#c3bcc2 rgb(195,188,194)
```
#c8b7c6
```
#c8b7c6 rgb(200,183,198)
```
#cdb2c9
```
#cdb2c9 rgb(205,178,201)
```
#d2adcd
```
#d2adcd rgb(210,173,205)
```
#d7a8d0
```
#d7a8d0 rgb(215,168,208)
```
#dca3d4
```
#dca3d4 rgb(220,163,212)
```
#e09fd7
```
#e09fd7 rgb(224,159,215)
```
#e59adb
```
#e59adb rgb(229,154,219)
```
#ea95de
```
#ea95de rgb(234,149,222)
```
#ef90e2
```
#ef90e2 rgb(239,144,226)
```
#f48be5
```
#f48be5 rgb(244,139,229)
```
#f986e8
```
#f986e8 rgb(249,134,232)
```
#fe81ec
```
#fe81ec rgb(254,129,236)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c2adbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ab1fc Protanopia 1% of men
#aeb0dd Deuteranopia 1% of men
#ec9ea9 Tritanopia 0.001% of the population

Trichromacy

#baa3f3 Protanomaly 1% of men, 0.01% of women
#c7a3df Deuteranomaly 6% of men, 0.4% of women
#ef97bf Tritanomaly 0.01% of the population

#f48be5 hex color

#f48be5 Color Information

#f48be5 Color Conversion

Color Schemes with #f48be5

Alternatives to #f48be5

#f48be5 Preview

Shades and Tints of #f48be5

Tones of #f48be5

Color Blindness Simulator