#f4b5fd hex color

In a RGB color space, hex #f4b5fd is composed of 95.7% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 292.5 degrees, a saturation of 94.7% and a lightness of 85.1%. #f4b5fd color hex could be obtained by blending #ffffff with #e96bfb. Closest websafe color is: #ffccff.

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

● #f4b5fd color description : Very soft magenta.

The hexadecimal color #f4b5fd has RGB values of R:244, G:181, B:253 and CMYK values of C:0.04, M:0.28, Y:0, K:0.01. Its decimal value is 16037373.

Hex triplet	f4b5fd	`#f4b5fd`
RGB Decimal	244, 181, 253	`rgb(244,181,253)`
RGB Percent	95.7, 71, 99.2	`rgb(95.7%,71%,99.2%)`
CMYK	4, 28, 0, 1
HSL	292.5°, 94.7, 85.1	`hsl(292.5,94.7%,85.1%)`
HSV (or HSB)	292.5°, 28.5, 99.2
Web Safe	ffccff	`#ffccff`

CIE-LAB	81.497, 34.616, -26.705
XYZ	71.559, 59.374, 100.614
xyY	0.309, 0.256, 59.374
CIE-LCH	81.497, 43.72, 322.351
CIE-LUV	81.497, 30.312, -48.292
Hunter-Lab	77.055, 30.924, -23.479
Binary	11110100, 10110101, 11111101

#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#befdb5
```
#befdb5 rgb(190,253,181)
```

Complementary Color

#d0b5fd
```
#d0b5fd rgb(208,181,253)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#fdb5e2
```
#fdb5e2 rgb(253,181,226)
```

Analogous Color

#b5fdd0
```
#b5fdd0 rgb(181,253,208)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#e2fdb5
```
#e2fdb5 rgb(226,253,181)
```

Split Complementary Color

#b5fdf4
```
#b5fdf4 rgb(181,253,244)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#fdf4b5
```
#fdf4b5 rgb(253,244,181)
```

Triadic Color

#b5befd
```
#b5befd rgb(181,190,253)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#fdf4b5
```
#fdf4b5 rgb(253,244,181)
```
#befdb5
```
#befdb5 rgb(190,253,181)
```

Tetradic Color

#e96bfb
```
#e96bfb rgb(233,107,251)
```
#ed83fc
```
#ed83fc rgb(237,131,252)
```
#f09cfc
```
#f09cfc rgb(240,156,252)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#f8cefe
```
#f8cefe rgb(248,206,254)
```
#fbe7fe
```
#fbe7fe rgb(251,231,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e2b5fd
```
#e2b5fd rgb(226,181,253)
```
#e8b5fd
```
#e8b5fd rgb(232,181,253)
```
#eeb5fd
```
#eeb5fd rgb(238,181,253)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#fab5fd
```
#fab5fd rgb(250,181,253)
```
#fdb5fa
```
#fdb5fa rgb(253,181,250)
```
#fdb5f4
```
#fdb5f4 rgb(253,181,244)
```

Similar Colors

Text with hexadecimal color #f4b5fd

This text has a font color of #f4b5fd.

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

#f4b5fd background color

This paragraph has a background color of #f4b5fd.

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

#f4b5fd border color

This element has a border color of #f4b5fd.

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

CSS codes

.text {color:#f4b5fd;}

.background {background-color:#f4b5fd;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130115
```
#130115 rgb(19,1,21)
```
#240129
```
#240129 rgb(36,1,41)
```
#34023c
```
#34023c rgb(52,2,60)
```
#45024f
```
#45024f rgb(69,2,79)
```
#560362
```
#560362 rgb(86,3,98)
```
#670375
```
#670375 rgb(103,3,117)
```
#780488
```
#780488 rgb(120,4,136)
```
#88049b
```
#88049b rgb(136,4,155)
```
#9905ae
```
#9905ae rgb(153,5,174)
```
#aa05c1
```
#aa05c1 rgb(170,5,193)
```
#bb06d4
```
#bb06d4 rgb(187,6,212)
```
#cb06e8
```
#cb06e8 rgb(203,6,232)
```

Shade Color Variation

#da09f8
```
#da09f8 rgb(218,9,248)
```
#dd1cf9
```
#dd1cf9 rgb(221,28,249)
```
#e02ff9
```
#e02ff9 rgb(224,47,249)
```
#e342fa
```
#e342fa rgb(227,66,250)
```
#e656fa
```
#e656fa rgb(230,86,250)
```
#e969fb
```
#e969fb rgb(233,105,251)
```
#eb7cfb
```
#eb7cfb rgb(235,124,251)
```
#ee8ffc
```
#ee8ffc rgb(238,143,252)
```
#f1a2fc
```
#f1a2fc rgb(241,162,252)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```
#f7c8fe
```
#f7c8fe rgb(247,200,254)
```
#fadbfe
```
#fadbfe rgb(250,219,254)
```
#fdeeff
```
#fdeeff rgb(253,238,255)
```

Tint Color Variation

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

#dad8da
```
#dad8da rgb(218,216,218)
```
#dcd5dd
```
#dcd5dd rgb(220,213,221)
```
#ded2e0
```
#ded2e0 rgb(222,210,224)
```
#e0cfe3
```
#e0cfe3 rgb(224,207,227)
```
#e2cce6
```
#e2cce6 rgb(226,204,230)
```
#e5c9e9
```
#e5c9e9 rgb(229,201,233)
```
#e7c7eb
```
#e7c7eb rgb(231,199,235)
```
#e9c4ee
```
#e9c4ee rgb(233,196,238)
```
#ebc1f1
```
#ebc1f1 rgb(235,193,241)
```
#edbef4
```
#edbef4 rgb(237,190,244)
```
#f0bbf7
```
#f0bbf7 rgb(240,187,247)
```
#f2b8fa
```
#f2b8fa rgb(242,184,250)
```
#f4b5fd
```
#f4b5fd rgb(244,181,253)
```

Tone Color Variation

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

Trichromacy

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

#f4b5fd hex color

#f4b5fd Color Information

#f4b5fd Color Conversion

Color Schemes with #f4b5fd

Alternatives to #f4b5fd

#f4b5fd Preview

Shades and Tints of #f4b5fd

Tones of #f4b5fd

Color Blindness Simulator