#f2bbf4 hex color

In a RGB color space, hex #f2bbf4 is composed of 94.9% red, 73.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 23.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 297.9 degrees, a saturation of 72.2% and a lightness of 84.5%. #f2bbf4 color hex could be obtained by blending #ffffff with #e577e9. Closest websafe color is: #ffccff.

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

● #f2bbf4 color description : Very soft magenta.

The hexadecimal color #f2bbf4 has RGB values of R:242, G:187, B:244 and CMYK values of C:0.01, M:0.23, Y:0, K:0.04. Its decimal value is 15907828.

Hex triplet	f2bbf4	`#f2bbf4`
RGB Decimal	242, 187, 244	`rgb(242,187,244)`
RGB Percent	94.9, 73.3, 95.7	`rgb(94.9%,73.3%,95.7%)`
CMYK	1, 23, 0, 4
HSL	297.9°, 72.2, 84.5	`hsl(297.9,72.2%,84.5%)`
HSV (or HSB)	297.9°, 23.4, 95.7
Web Safe	ffccff	`#ffccff`

CIE-LAB	82.352, 29.133, -20.609
XYZ	70.715, 60.951, 93.623
xyY	0.314, 0.271, 60.951
CIE-LCH	82.352, 35.686, 324.724
CIE-LUV	82.352, 27.423, -37.452
Hunter-Lab	78.071, 25.057, -16.45
Binary	11110010, 10111011, 11110100

#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#bdf4bb
```
#bdf4bb rgb(189,244,187)
```

Complementary Color

#d6bbf4
```
#d6bbf4 rgb(214,187,244)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f4bbda
```
#f4bbda rgb(244,187,218)
```

Analogous Color

#bbf4d6
```
#bbf4d6 rgb(187,244,214)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#daf4bb
```
#daf4bb rgb(218,244,187)
```

Split Complementary Color

#bbf4f2
```
#bbf4f2 rgb(187,244,242)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f4f2bb
```
#f4f2bb rgb(244,242,187)
```

Triadic Color

#bbbdf4
```
#bbbdf4 rgb(187,189,244)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f4f2bb
```
#f4f2bb rgb(244,242,187)
```
#bdf4bb
```
#bdf4bb rgb(189,244,187)
```

Tetradic Color

#e579e9
```
#e579e9 rgb(229,121,233)
```
#ea8fed
```
#ea8fed rgb(234,143,237)
```
#eea5f0
```
#eea5f0 rgb(238,165,240)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f6d1f8
```
#f6d1f8 rgb(246,209,248)
```
#fae7fb
```
#fae7fb rgb(250,231,251)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Monochromatic Color

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

#e4bbf4
```
#e4bbf4 rgb(228,187,244)
```
#e9bbf4
```
#e9bbf4 rgb(233,187,244)
```
#edbbf4
```
#edbbf4 rgb(237,187,244)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f4bbf1
```
#f4bbf1 rgb(244,187,241)
```
#f4bbed
```
#f4bbed rgb(244,187,237)
```
#f4bbe8
```
#f4bbe8 rgb(244,187,232)
```

Similar Colors

Text with hexadecimal color #f2bbf4

This text has a font color of #f2bbf4.

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

#f2bbf4 background color

This paragraph has a background color of #f2bbf4.

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

#f2bbf4 border color

This element has a border color of #f2bbf4.

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

CSS codes

.text {color:#f2bbf4;}

.background {background-color:#f2bbf4;}

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

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

#100310
```
#100310 rgb(16,3,16)
```
#200521
```
#200521 rgb(32,5,33)
```
#310832
```
#310832 rgb(49,8,50)
```
#410b43
```
#410b43 rgb(65,11,67)
```
#510e54
```
#510e54 rgb(81,14,84)
```
#621065
```
#621065 rgb(98,16,101)
```
#721376
```
#721376 rgb(114,19,118)
```
#831687
```
#831687 rgb(131,22,135)
```
#931997
```
#931997 rgb(147,25,151)
```
#a31ba8
```
#a31ba8 rgb(163,27,168)
```
#b41eb9
```
#b41eb9 rgb(180,30,185)
```
#c421ca
```
#c421ca rgb(196,33,202)
```
#d523db
```
#d523db rgb(213,35,219)
```

Shade Color Variation

#d834de
```
#d834de rgb(216,52,222)
```
#db45e1
```
#db45e1 rgb(219,69,225)
```
#df56e4
```
#df56e4 rgb(223,86,228)
```
#e267e6
```
#e267e6 rgb(226,103,230)
```
#e577e9
```
#e577e9 rgb(229,119,233)
```
#e888ec
```
#e888ec rgb(232,136,236)
```
#ec99ef
```
#ec99ef rgb(236,153,239)
```
#efaaf1
```
#efaaf1 rgb(239,170,241)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f5ccf7
```
#f5ccf7 rgb(245,204,247)
```
#f8ddf9
```
#f8ddf9 rgb(248,221,249)
```
#fceefc
```
#fceefc rgb(252,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d9d6d9
```
#d9d6d9 rgb(217,214,217)
```
#dbd3dc
```
#dbd3dc rgb(219,211,220)
```
#ded0df
```
#ded0df rgb(222,208,223)
```
#e1cde2
```
#e1cde2 rgb(225,205,226)
```
#e4cae5
```
#e4cae5 rgb(228,202,229)
```
#e7c7e8
```
#e7c7e8 rgb(231,199,232)
```
#eac4eb
```
#eac4eb rgb(234,196,235)
```
#ecc1ee
```
#ecc1ee rgb(236,193,238)
```
#efbef1
```
#efbef1 rgb(239,190,241)
```
#f2bbf4
```
#f2bbf4 rgb(242,187,244)
```
#f5b8f7
```
#f5b8f7 rgb(245,184,247)
```
#f8b5fa
```
#f8b5fa rgb(248,181,250)
```
#fab2fd
```
#fab2fd rgb(250,178,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d8cdd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cdfd Protanopia 1% of men
#d1caf0 Deuteranopia 1% of men
#edc5d2 Tritanopia 0.001% of the population

Trichromacy

#d4c6fa Protanomaly 1% of men, 0.01% of women
#ddc5f1 Deuteranomaly 6% of men, 0.4% of women
#eec1de Tritanomaly 0.01% of the population

#f2bbf4 hex color

#f2bbf4 Color Information

#f2bbf4 Color Conversion

Color Schemes with #f2bbf4

Alternatives to #f2bbf4

#f2bbf4 Preview

Shades and Tints of #f2bbf4

Tones of #f2bbf4

Color Blindness Simulator