#f2b8da hex color

In a RGB color space, hex #f2b8da is composed of 94.9% red, 72.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 9.9% yellow and 5.1% black. It has a hue angle of 324.8 degrees, a saturation of 69% and a lightness of 83.5%. #f2b8da color hex could be obtained by blending #ffffff with #e571b5. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 95
- G 72
- B 85
RGB color chart
- C 0
- M 24
- Y 10
- K 5
CMYK color chart

● #f2b8da color description : Very soft pink.

The hexadecimal color #f2b8da has RGB values of R:242, G:184, B:218 and CMYK values of C:0, M:0.24, Y:0.1, K:0.05. Its decimal value is 15907034.

Hex triplet	f2b8da	`#f2b8da`
RGB Decimal	242, 184, 218	`rgb(242,184,218)`
RGB Percent	94.9, 72.2, 85.5	`rgb(94.9%,72.2%,85.5%)`
CMYK	0, 24, 10, 5
HSL	324.8°, 69, 83.5	`hsl(324.8,69%,83.5%)`
HSV (or HSB)	324.8°, 24, 94.9
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.862, 26.174, -8.889
XYZ	66.412, 58.222, 74.066
xyY	0.334, 0.293, 58.222
CIE-LCH	80.862, 27.642, 341.241
CIE-LUV	80.862, 32.361, -18.257
Hunter-Lab	76.303, 21.829, -4.139
Binary	11110010, 10111000, 11011010

#f2b8da
```
#f2b8da rgb(242,184,218)
```
#b8f2d0
```
#b8f2d0 rgb(184,242,208)
```

Complementary Color

#edb8f2
```
#edb8f2 rgb(237,184,242)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#f2b8bd
```
#f2b8bd rgb(242,184,189)
```

Analogous Color

#b8f2ed
```
#b8f2ed rgb(184,242,237)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#bdf2b8
```
#bdf2b8 rgb(189,242,184)
```

Split Complementary Color

#b8daf2
```
#b8daf2 rgb(184,218,242)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#daf2b8
```
#daf2b8 rgb(218,242,184)
```

Triadic Color

#d0b8f2
```
#d0b8f2 rgb(208,184,242)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#daf2b8
```
#daf2b8 rgb(218,242,184)
```
#b8f2d0
```
#b8f2d0 rgb(184,242,208)
```

Tetradic Color

#e677b8
```
#e677b8 rgb(230,119,184)
```
#ea8dc4
```
#ea8dc4 rgb(234,141,196)
```
#eea2cf
```
#eea2cf rgb(238,162,207)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#f6cee5
```
#f6cee5 rgb(246,206,229)
```
#fae3f0
```
#fae3f0 rgb(250,227,240)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Monochromatic Color

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

#f2b8e9
```
#f2b8e9 rgb(242,184,233)
```
#f2b8e4
```
#f2b8e4 rgb(242,184,228)
```
#f2b8df
```
#f2b8df rgb(242,184,223)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#f2b8d5
```
#f2b8d5 rgb(242,184,213)
```
#f2b8d0
```
#f2b8d0 rgb(242,184,208)
```
#f2b8cc
```
#f2b8cc rgb(242,184,204)
```

Similar Colors

Text with hexadecimal color #f2b8da

This text has a font color of #f2b8da.

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

#f2b8da background color

This paragraph has a background color of #f2b8da.

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

#f2b8da border color

This element has a border color of #f2b8da.

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

CSS codes

.text {color:#f2b8da;}

.background {background-color:#f2b8da;}

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

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

#0c0208
```
#0c0208 rgb(12,2,8)
```
#1c0513
```
#1c0513 rgb(28,5,19)
```
#2d081e
```
#2d081e rgb(45,8,30)
```
#3e0b29
```
#3e0b29 rgb(62,11,41)
```
#4e0e34
```
#4e0e34 rgb(78,14,52)
```
#5f113f
```
#5f113f rgb(95,17,63)
```
#6f144a
```
#6f144a rgb(111,20,74)
```
#801755
```
#801755 rgb(128,23,85)
```
#911a60
```
#911a60 rgb(145,26,96)
```
#a11e6b
```
#a11e6b rgb(161,30,107)
```
#b22176
```
#b22176 rgb(178,33,118)
```
#c22481
```
#c22481 rgb(194,36,129)
```
#d3278c
```
#d3278c rgb(211,39,140)
```

Shade Color Variation

#da3395
```
#da3395 rgb(218,51,149)
```
#dd449e
```
#dd449e rgb(221,68,158)
```
#e055a6
```
#e055a6 rgb(224,85,166)
```
#e365af
```
#e365af rgb(227,101,175)
```
#e676b7
```
#e676b7 rgb(230,118,183)
```
#e986c0
```
#e986c0 rgb(233,134,192)
```
#ec97c9
```
#ec97c9 rgb(236,151,201)
```
#efa7d1
```
#efa7d1 rgb(239,167,209)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#f5c9e3
```
#f5c9e3 rgb(245,201,227)
```
#f8d9eb
```
#f8d9eb rgb(248,217,235)
```
#fbeaf4
```
#fbeaf4 rgb(251,234,244)
```
#fefafd
```
#fefafd rgb(254,250,253)
```

Tint Color Variation

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

#d8d2d6
```
#d8d2d6 rgb(216,210,214)
```
#dbcfd6
```
#dbcfd6 rgb(219,207,214)
```
#dfcbd7
```
#dfcbd7 rgb(223,203,215)
```
#e2c8d7
```
#e2c8d7 rgb(226,200,215)
```
#e5c5d8
```
#e5c5d8 rgb(229,197,216)
```
#e8c2d8
```
#e8c2d8 rgb(232,194,216)
```
#ecbed9
```
#ecbed9 rgb(236,190,217)
```
#efbbd9
```
#efbbd9 rgb(239,187,217)
```
#f2b8da
```
#f2b8da rgb(242,184,218)
```
#f5b5db
```
#f5b5db rgb(245,181,219)
```
#f8b2db
```
#f8b2db rgb(248,178,219)
```
#fcaedc
```
#fcaedc rgb(252,174,220)
```
#ffabdc
```
#ffabdc rgb(255,171,220)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d4c9d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cae4 Protanopia 1% of men
#d8c6d8 Deuteranopia 1% of men
#f0becb Tritanopia 0.001% of the population

Trichromacy

#d6c3e0 Protanomaly 1% of men, 0.01% of women
#e1c1d9 Deuteranomaly 6% of men, 0.4% of women
#f0bcd1 Tritanomaly 0.01% of the population

#f2b8da hex color

#f2b8da Color Information

#f2b8da Color Conversion

Color Schemes with #f2b8da

Alternatives to #f2b8da

#f2b8da Preview

Shades and Tints of #f2b8da

Tones of #f2b8da

Color Blindness Simulator