#f3bddd hex color

In a RGB color space, hex #f3bddd is composed of 95.3% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 9.1% yellow and 4.7% black. It has a hue angle of 324.4 degrees, a saturation of 69.2% and a lightness of 84.7%. #f3bddd color hex could be obtained by blending #ffffff with #e77bbb. 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

● #f3bddd color description : Very soft pink.

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

Hex triplet	f3bddd	`#f3bddd`
RGB Decimal	243, 189, 221	`rgb(243,189,221)`
RGB Percent	95.3, 74.1, 86.7	`rgb(95.3%,74.1%,86.7%)`
CMYK	0, 22, 9, 5
HSL	324.4°, 69.2, 84.7	`hsl(324.4,69.2%,84.7%)`
HSV (or HSB)	324.4°, 22.2, 95.3
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.202, 24.365, -8.501
XYZ	68.209, 60.672, 76.521
xyY	0.332, 0.295, 60.672
CIE-LCH	82.202, 25.805, 340.765
CIE-LUV	82.202, 29.971, -17.369
Hunter-Lab	77.892, 19.999, -3.721
Binary	11110011, 10111101, 11011101

#f3bddd
```
#f3bddd rgb(243,189,221)
```
#bdf3d3
```
#bdf3d3 rgb(189,243,211)
```

Complementary Color

#eebdf3
```
#eebdf3 rgb(238,189,243)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#f3bdc2
```
#f3bdc2 rgb(243,189,194)
```

Analogous Color

#bdf3ee
```
#bdf3ee rgb(189,243,238)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#c2f3bd
```
#c2f3bd rgb(194,243,189)
```

Split Complementary Color

#bdddf3
```
#bdddf3 rgb(189,221,243)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#ddf3bd
```
#ddf3bd rgb(221,243,189)
```

Triadic Color

#d3bdf3
```
#d3bdf3 rgb(211,189,243)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#ddf3bd
```
#ddf3bd rgb(221,243,189)
```
#bdf3d3
```
#bdf3d3 rgb(189,243,211)
```

Tetradic Color

#e77cbc
```
#e77cbc rgb(231,124,188)
```
#eb92c7
```
#eb92c7 rgb(235,146,199)
```
#efa7d2
```
#efa7d2 rgb(239,167,210)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#f7d3e8
```
#f7d3e8 rgb(247,211,232)
```
#fbe8f3
```
#fbe8f3 rgb(251,232,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Monochromatic Color

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

#f3bdeb
```
#f3bdeb rgb(243,189,235)
```
#f3bde6
```
#f3bde6 rgb(243,189,230)
```
#f3bde2
```
#f3bde2 rgb(243,189,226)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#f3bdd9
```
#f3bdd9 rgb(243,189,217)
```
#f3bdd4
```
#f3bdd4 rgb(243,189,212)
```
#f3bdd0
```
#f3bdd0 rgb(243,189,208)
```

Similar Colors

Text with hexadecimal color #f3bddd

This text has a font color of #f3bddd.

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

#f3bddd background color

This paragraph has a background color of #f3bddd.

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

#f3bddd border color

This element has a border color of #f3bddd.

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

CSS codes

.text {color:#f3bddd;}

.background {background-color:#f3bddd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#11030b
```
#11030b rgb(17,3,11)
```
#220616
```
#220616 rgb(34,6,22)
```
#320921
```
#320921 rgb(50,9,33)
```
#430c2d
```
#430c2d rgb(67,12,45)
```
#530f38
```
#530f38 rgb(83,15,56)
```
#641243
```
#641243 rgb(100,18,67)
```
#75154e
```
#75154e rgb(117,21,78)
```
#851859
```
#851859 rgb(133,24,89)
```
#961b64
```
#961b64 rgb(150,27,100)
```
#a61e6f
```
#a61e6f rgb(166,30,111)
```
#b7217a
```
#b7217a rgb(183,33,122)
```
#c82485
```
#c82485 rgb(200,36,133)
```

Shade Color Variation

#d82890
```
#d82890 rgb(216,40,144)
```
#db3899
```
#db3899 rgb(219,56,153)
```
#de49a1
```
#de49a1 rgb(222,73,161)
```
#e159aa
```
#e159aa rgb(225,89,170)
```
#e46ab2
```
#e46ab2 rgb(228,106,178)
```
#e77bbb
```
#e77bbb rgb(231,123,187)
```
#ea8bc3
```
#ea8bc3 rgb(234,139,195)
```
#ed9ccc
```
#ed9ccc rgb(237,156,204)
```
#f0acd4
```
#f0acd4 rgb(240,172,212)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#f6cee6
```
#f6cee6 rgb(246,206,230)
```
#f9deee
```
#f9deee rgb(249,222,238)
```
#fceff7
```
#fceff7 rgb(252,239,247)
```

Tint Color Variation

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

#dbd5d9
```
#dbd5d9 rgb(219,213,217)
```
#ded2d9
```
#ded2d9 rgb(222,210,217)
```
#e1cfda
```
#e1cfda rgb(225,207,218)
```
#e4ccda
```
#e4ccda rgb(228,204,218)
```
#e7c9db
```
#e7c9db rgb(231,201,219)
```
#eac6db
```
#eac6db rgb(234,198,219)
```
#edc3dc
```
#edc3dc rgb(237,195,220)
```
#f0c0dc
```
#f0c0dc rgb(240,192,220)
```
#f3bddd
```
#f3bddd rgb(243,189,221)
```
#f6bade
```
#f6bade rgb(246,186,222)
```
#f9b7de
```
#f9b7de rgb(249,183,222)
```
#fcb4df
```
#fcb4df rgb(252,180,223)
```
#ffb1df
```
#ffb1df rgb(255,177,223)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d8cdd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcde6 Protanopia 1% of men
#dcc9db Deuteranopia 1% of men
#f1c2d0 Tritanopia 0.001% of the population

Trichromacy

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

#f3bddd hex color

#f3bddd Color Information

#f3bddd Color Conversion

Color Schemes with #f3bddd

Alternatives to #f3bddd

#f3bddd Preview

Shades and Tints of #f3bddd

Tones of #f3bddd

Color Blindness Simulator