#f2bddd hex color

In a RGB color space, hex #f2bddd is composed of 94.9% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 8.7% yellow and 5.1% black. It has a hue angle of 323.8 degrees, a saturation of 67.1% and a lightness of 84.5%. #f2bddd color hex could be obtained by blending #ffffff with #e57bbb. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 95
- G 74
- B 87
RGB color chart
- C 0
- M 22
- Y 9
- K 5
CMYK color chart

● #f2bddd color description : Very soft pink.

The hexadecimal color #f2bddd has RGB values of R:242, G:189, B:221 and CMYK values of C:0, M:0.22, Y:0.09, K:0.05. Its decimal value is 15908317.

Hex triplet	f2bddd	`#f2bddd`
RGB Decimal	242, 189, 221	`rgb(242,189,221)`
RGB Percent	94.9, 74.1, 86.7	`rgb(94.9%,74.1%,86.7%)`
CMYK	0, 22, 9, 5
HSL	323.8°, 67.1, 84.5	`hsl(323.8,67.1%,84.5%)`
HSV (or HSB)	323.8°, 21.9, 94.9
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.106, 24.024, -8.654
XYZ	67.865, 60.495, 76.504
xyY	0.331, 0.295, 60.495
CIE-LCH	82.106, 25.535, 340.189
CIE-LUV	82.106, 29.328, -17.541
Hunter-Lab	77.778, 19.637, -3.874
Binary	11110010, 10111101, 11011101

#f2bddd
```
#f2bddd rgb(242,189,221)
```
#bdf2d2
```
#bdf2d2 rgb(189,242,210)
```

Complementary Color

#edbdf2
```
#edbdf2 rgb(237,189,242)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#f2bdc3
```
#f2bdc3 rgb(242,189,195)
```

Analogous Color

#bdf2ed
```
#bdf2ed rgb(189,242,237)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#c3f2bd
```
#c3f2bd rgb(195,242,189)
```

Split Complementary Color

#bdddf2
```
#bdddf2 rgb(189,221,242)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#ddf2bd
```
#ddf2bd rgb(221,242,189)
```

Triadic Color

#d2bdf2
```
#d2bdf2 rgb(210,189,242)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#ddf2bd
```
#ddf2bd rgb(221,242,189)
```
#bdf2d2
```
#bdf2d2 rgb(189,242,210)
```

Tetradic Color

#e57dbc
```
#e57dbc rgb(229,125,188)
```
#ea92c7
```
#ea92c7 rgb(234,146,199)
```
#eea8d2
```
#eea8d2 rgb(238,168,210)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#f6d2e8
```
#f6d2e8 rgb(246,210,232)
```
#fae8f3
```
#fae8f3 rgb(250,232,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Monochromatic Color

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

#f2bdea
```
#f2bdea rgb(242,189,234)
```
#f2bde6
```
#f2bde6 rgb(242,189,230)
```
#f2bde1
```
#f2bde1 rgb(242,189,225)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#f2bdd9
```
#f2bdd9 rgb(242,189,217)
```
#f2bdd4
```
#f2bdd4 rgb(242,189,212)
```
#f2bdd0
```
#f2bdd0 rgb(242,189,208)
```

Similar Colors

Text with hexadecimal color #f2bddd

This text has a font color of #f2bddd.

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

#f2bddd background color

This paragraph has a background color of #f2bddd.

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

#f2bddd border color

This element has a border color of #f2bddd.

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

CSS codes

.text {color:#f2bddd;}

.background {background-color:#f2bddd;}

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

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

#10030b
```
#10030b rgb(16,3,11)
```
#200616
```
#200616 rgb(32,6,22)
```
#310a21
```
#310a21 rgb(49,10,33)
```
#410d2c
```
#410d2c rgb(65,13,44)
```
#511038
```
#511038 rgb(81,16,56)
```
#621343
```
#621343 rgb(98,19,67)
```
#72174e
```
#72174e rgb(114,23,78)
```
#831a59
```
#831a59 rgb(131,26,89)
```
#931d64
```
#931d64 rgb(147,29,100)
```
#a3206f
```
#a3206f rgb(163,32,111)
```
#b4237b
```
#b4237b rgb(180,35,123)
```
#c42786
```
#c42786 rgb(196,39,134)
```
#d52a91
```
#d52a91 rgb(213,42,145)
```

Shade Color Variation

#d83a99
```
#d83a99 rgb(216,58,153)
```
#db4aa2
```
#db4aa2 rgb(219,74,162)
```
#df5baa
```
#df5baa rgb(223,91,170)
```
#e26bb3
```
#e26bb3 rgb(226,107,179)
```
#e57bbb
```
#e57bbb rgb(229,123,187)
```
#e88cc4
```
#e88cc4 rgb(232,140,196)
```
#ec9ccc
```
#ec9ccc rgb(236,156,204)
```
#efadd5
```
#efadd5 rgb(239,173,213)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#f5cde5
```
#f5cde5 rgb(245,205,229)
```
#f8deee
```
#f8deee rgb(248,222,238)
```
#fceef6
```
#fceef6 rgb(252,238,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#dad5d8
```
#dad5d8 rgb(218,213,216)
```
#ddd2d9
```
#ddd2d9 rgb(221,210,217)
```
#e0cfd9
```
#e0cfd9 rgb(224,207,217)
```
#e3ccda
```
#e3ccda rgb(227,204,218)
```
#e6c9da
```
#e6c9da rgb(230,201,218)
```
#e9c6db
```
#e9c6db rgb(233,198,219)
```
#ecc3dc
```
#ecc3dc rgb(236,195,220)
```
#efc0dc
```
#efc0dc rgb(239,192,220)
```
#f2bddd
```
#f2bddd rgb(242,189,221)
```
#f5bade
```
#f5bade rgb(245,186,222)
```
#f8b7de
```
#f8b7de rgb(248,183,222)
```
#fbb4df
```
#fbb4df rgb(251,180,223)
```
#feb1e0
```
#feb1e0 rgb(254,177,224)
```

Tone Color Variation

Below, you can see how #f2bddd 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
#d7ccd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcde6 Protanopia 1% of men
#dbc9dc Deuteranopia 1% of men
#f0c2d0 Tritanopia 0.001% of the population

Trichromacy

#d9c7e2 Protanomaly 1% of men, 0.01% of women
#e3c4dc Deuteranomaly 6% of men, 0.4% of women
#f1c0d5 Tritanomaly 0.01% of the population

#f2bddd hex color

#f2bddd Color Information

#f2bddd Color Conversion

Color Schemes with #f2bddd

Alternatives to #f2bddd

#f2bddd Preview

Shades and Tints of #f2bddd

Tones of #f2bddd

Color Blindness Simulator