#f4b5fe hex color

In a RGB color space, hex #f4b5fe is composed of 95.7% red, 71% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 28.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 291.8 degrees, a saturation of 97.3% and a lightness of 85.3%. #f4b5fe color hex could be obtained by blending #ffffff with #e96bfd. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 96
- G 71
- B 100
RGB color chart
- C 4
- M 29
- Y 0
- K 0
CMYK color chart

● #f4b5fe color description : Very soft magenta.

The hexadecimal color #f4b5fe has RGB values of R:244, G:181, B:254 and CMYK values of C:0.04, M:0.29, Y:0, K:0. Its decimal value is 16037374.

Hex triplet	f4b5fe	`#f4b5fe`
RGB Decimal	244, 181, 254	`rgb(244,181,254)`
RGB Percent	95.7, 71, 99.6	`rgb(95.7%,71%,99.6%)`
CMYK	4, 29, 0, 0
HSL	291.8°, 97.3, 85.3	`hsl(291.8,97.3%,85.3%)`
HSV (or HSB)	291.8°, 28.7, 99.6
Web Safe	ffccff	`#ffccff`

CIE-LAB	81.532, 34.804, -27.186
XYZ	71.719, 59.438, 101.455
xyY	0.308, 0.256, 59.438
CIE-LCH	81.532, 44.163, 322.006
CIE-LUV	81.532, 30.17, -49.119
Hunter-Lab	77.096, 31.132, -24.056
Binary	11110100, 10110101, 11111110

#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#bffeb5
```
#bffeb5 rgb(191,254,181)
```

Complementary Color

#d0b5fe
```
#d0b5fe rgb(208,181,254)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#feb5e4
```
#feb5e4 rgb(254,181,228)
```

Analogous Color

#b5fed0
```
#b5fed0 rgb(181,254,208)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#e4feb5
```
#e4feb5 rgb(228,254,181)
```

Split Complementary Color

#b5fef4
```
#b5fef4 rgb(181,254,244)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#fef4b5
```
#fef4b5 rgb(254,244,181)
```

Triadic Color

#b5bffe
```
#b5bffe rgb(181,191,254)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#fef4b5
```
#fef4b5 rgb(254,244,181)
```
#bffeb5
```
#bffeb5 rgb(191,254,181)
```

Tetradic Color

#e96afd
```
#e96afd rgb(233,106,253)
```
#ed83fd
```
#ed83fd rgb(237,131,253)
```
#f09cfe
```
#f09cfe rgb(240,156,254)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#f8cefe
```
#f8cefe rgb(248,206,254)
```
#fbe7ff
```
#fbe7ff rgb(251,231,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e2b5fe
```
#e2b5fe rgb(226,181,254)
```
#e8b5fe
```
#e8b5fe rgb(232,181,254)
```
#eeb5fe
```
#eeb5fe rgb(238,181,254)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#fab5fe
```
#fab5fe rgb(250,181,254)
```
#feb5fc
```
#feb5fc rgb(254,181,252)
```
#feb5f6
```
#feb5f6 rgb(254,181,246)
```

Similar Colors

Text with hexadecimal color #f4b5fe

This text has a font color of #f4b5fe.

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

#f4b5fe background color

This paragraph has a background color of #f4b5fe.

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

#f4b5fe border color

This element has a border color of #f4b5fe.

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

CSS codes

.text {color:#f4b5fe;}

.background {background-color:#f4b5fe;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#140017
```
#140017 rgb(20,0,23)
```
#24012a
```
#24012a rgb(36,1,42)
```
#35013d
```
#35013d rgb(53,1,61)
```
#460151
```
#460151 rgb(70,1,81)
```
#570164
```
#570164 rgb(87,1,100)
```
#670278
```
#670278 rgb(103,2,120)
```
#78028b
```
#78028b rgb(120,2,139)
```
#89029e
```
#89029e rgb(137,2,158)
```
#9a02b2
```
#9a02b2 rgb(154,2,178)
```
#aa03c5
```
#aa03c5 rgb(170,3,197)
```
#bb03d8
```
#bb03d8 rgb(187,3,216)
```
#cc03ec
```
#cc03ec rgb(204,3,236)
```

Shade Color Variation

#da07fc
```
#da07fc rgb(218,7,252)
```
#dd1afc
```
#dd1afc rgb(221,26,252)
```
#e02efc
```
#e02efc rgb(224,46,252)
```
#e341fc
```
#e341fc rgb(227,65,252)
```
#e654fd
```
#e654fd rgb(230,84,253)
```
#e868fd
```
#e868fd rgb(232,104,253)
```
#eb7bfd
```
#eb7bfd rgb(235,123,253)
```
#ee8efd
```
#ee8efd rgb(238,142,253)
```
#f1a2fe
```
#f1a2fe rgb(241,162,254)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```
#f7c8fe
```
#f7c8fe rgb(247,200,254)
```
#fadcff
```
#fadcff rgb(250,220,255)
```
#fdefff
```
#fdefff rgb(253,239,255)
```

Tint Color Variation

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

#dbd8db
```
#dbd8db rgb(219,216,219)
```
#ddd5de
```
#ddd5de rgb(221,213,222)
```
#dfd2e1
```
#dfd2e1 rgb(223,210,225)
```
#e1cfe4
```
#e1cfe4 rgb(225,207,228)
```
#e3cce7
```
#e3cce7 rgb(227,204,231)
```
#e5c9ea
```
#e5c9ea rgb(229,201,234)
```
#e7c6ed
```
#e7c6ed rgb(231,198,237)
```
#eac3f0
```
#eac3f0 rgb(234,195,240)
```
#ecc1f2
```
#ecc1f2 rgb(236,193,242)
```
#eebef5
```
#eebef5 rgb(238,190,245)
```
#f0bbf8
```
#f0bbf8 rgb(240,187,248)
```
#f2b8fb
```
#f2b8fb rgb(242,184,251)
```
#f4b5fe
```
#f4b5fe rgb(244,181,254)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d7cbd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#becbff Protanopia 1% of men
#c9c9f8 Deuteranopia 1% of men
#ecc2cf Tritanopia 0.001% of the population

Trichromacy

#d2c3fe Protanomaly 1% of men, 0.01% of women
#d8c2fa Deuteranomaly 6% of men, 0.4% of women
#efbde0 Tritanomaly 0.01% of the population

#f4b5fe hex color

#f4b5fe Color Information

#f4b5fe Color Conversion

Color Schemes with #f4b5fe

Alternatives to #f4b5fe

#f4b5fe Preview

Shades and Tints of #f4b5fe

Tones of #f4b5fe

Color Blindness Simulator