#f2bdd5 hex color

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

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

● #f2bdd5 color description : Very soft pink.

The hexadecimal color #f2bdd5 has RGB values of R:242, G:189, B:213 and CMYK values of C:0, M:0.22, Y:0.12, K:0.05. Its decimal value is 15908309.

Hex triplet	f2bdd5	`#f2bdd5`
RGB Decimal	242, 189, 213	`rgb(242,189,213)`
RGB Percent	94.9, 74.1, 83.5	`rgb(94.9%,74.1%,83.5%)`
CMYK	0, 22, 12, 5
HSL	332.8°, 67.1, 84.5	`hsl(332.8,67.1%,84.5%)`
HSV (or HSB)	332.8°, 21.9, 94.9
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	81.881, 22.7, -4.691
XYZ	66.824, 60.078, 71.023
xyY	0.338, 0.304, 60.078
CIE-LCH	81.881, 23.179, 348.323
CIE-LUV	81.881, 30.314, -11.205
Hunter-Lab	77.51, 18.248, -0.071
Binary	11110010, 10111101, 11010101

#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#bdf2da
```
#bdf2da rgb(189,242,218)
```

Complementary Color

#f2bdf0
```
#f2bdf0 rgb(242,189,240)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#f2c0bd
```
#f2c0bd rgb(242,192,189)
```

Analogous Color

#bdf0f2
```
#bdf0f2 rgb(189,240,242)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#bdf2c0
```
#bdf2c0 rgb(189,242,192)
```

Split Complementary Color

#bdd5f2
```
#bdd5f2 rgb(189,213,242)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#d5f2bd
```
#d5f2bd rgb(213,242,189)
```

Triadic Color

#dabdf2
```
#dabdf2 rgb(218,189,242)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#d5f2bd
```
#d5f2bd rgb(213,242,189)
```
#bdf2da
```
#bdf2da rgb(189,242,218)
```

Tetradic Color

#e57dac
```
#e57dac rgb(229,125,172)
```
#ea92ba
```
#ea92ba rgb(234,146,186)
```
#eea8c7
```
#eea8c7 rgb(238,168,199)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#f6d2e3
```
#f6d2e3 rgb(246,210,227)
```
#fae8f0
```
#fae8f0 rgb(250,232,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Monochromatic Color

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

#f2bde2
```
#f2bde2 rgb(242,189,226)
```
#f2bdde
```
#f2bdde rgb(242,189,222)
```
#f2bdd9
```
#f2bdd9 rgb(242,189,217)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#f2bdd1
```
#f2bdd1 rgb(242,189,209)
```
#f2bdcc
```
#f2bdcc rgb(242,189,204)
```
#f2bdc8
```
#f2bdc8 rgb(242,189,200)
```

Similar Colors

Text with hexadecimal color #f2bdd5

This text has a font color of #f2bdd5.

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

#f2bdd5 background color

This paragraph has a background color of #f2bdd5.

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

#f2bdd5 border color

This element has a border color of #f2bdd5.

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

CSS codes

.text {color:#f2bdd5;}

.background {background-color:#f2bdd5;}

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

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

#100309
```
#100309 rgb(16,3,9)
```
#200612
```
#200612 rgb(32,6,18)
```
#310a1b
```
#310a1b rgb(49,10,27)
```
#410d24
```
#410d24 rgb(65,13,36)
```
#51102e
```
#51102e rgb(81,16,46)
```
#621337
```
#621337 rgb(98,19,55)
```
#721740
```
#721740 rgb(114,23,64)
```
#831a49
```
#831a49 rgb(131,26,73)
```
#931d52
```
#931d52 rgb(147,29,82)
```
#a3205c
```
#a3205c rgb(163,32,92)
```
#b42365
```
#b42365 rgb(180,35,101)
```
#c4276e
```
#c4276e rgb(196,39,110)
```
#d52a77
```
#d52a77 rgb(213,42,119)
```

Shade Color Variation

#d83a82
```
#d83a82 rgb(216,58,130)
```
#db4a8c
```
#db4a8c rgb(219,74,140)
```
#df5b96
```
#df5b96 rgb(223,91,150)
```
#e26ba1
```
#e26ba1 rgb(226,107,161)
```
#e57bab
```
#e57bab rgb(229,123,171)
```
#e88cb6
```
#e88cb6 rgb(232,140,182)
```
#ec9cc0
```
#ec9cc0 rgb(236,156,192)
```
#efadcb
```
#efadcb rgb(239,173,203)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#f5cddf
```
#f5cddf rgb(245,205,223)
```
#f8deea
```
#f8deea rgb(248,222,234)
```
#fceef4
```
#fceef4 rgb(252,238,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#dad5d7
```
#dad5d7 rgb(218,213,215)
```
#ddd2d7
```
#ddd2d7 rgb(221,210,215)
```
#e0cfd7
```
#e0cfd7 rgb(224,207,215)
```
#e3ccd6
```
#e3ccd6 rgb(227,204,214)
```
#e6c9d6
```
#e6c9d6 rgb(230,201,214)
```
#e9c6d6
```
#e9c6d6 rgb(233,198,214)
```
#ecc3d6
```
#ecc3d6 rgb(236,195,214)
```
#efc0d5
```
#efc0d5 rgb(239,192,213)
```
#f2bdd5
```
#f2bdd5 rgb(242,189,213)
```
#f5bad5
```
#f5bad5 rgb(245,186,213)
```
#f8b7d4
```
#f8b7d4 rgb(248,183,212)
```
#fbb4d4
```
#fbb4d4 rgb(251,180,212)
```
#feb1d4
```
#feb1d4 rgb(254,177,212)
```

Tone Color Variation

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

Dichromacy

#ccccde Protanopia 1% of men
#dec8d4 Deuteranopia 1% of men
#f1c1cf Tritanopia 0.001% of the population

Trichromacy

#dac7da Protanomaly 1% of men, 0.01% of women
#e5c4d4 Deuteranomaly 6% of men, 0.4% of women
#f1c0d1 Tritanomaly 0.01% of the population

#f2bdd5 hex color

#f2bdd5 Color Information

#f2bdd5 Color Conversion

Color Schemes with #f2bdd5

Alternatives to #f2bdd5

#f2bdd5 Preview

Shades and Tints of #f2bdd5

Tones of #f2bdd5

Color Blindness Simulator