#f5b7dc hex color

In a RGB color space, hex #f5b7dc is composed of 96.1% red, 71.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.3% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 324.2 degrees, a saturation of 75.6% and a lightness of 83.9%. #f5b7dc color hex could be obtained by blending #ffffff with #eb6fb9. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 96
- G 72
- B 86
RGB color chart
- C 0
- M 25
- Y 10
- K 4
CMYK color chart

● #f5b7dc color description : Very soft pink.

The hexadecimal color #f5b7dc has RGB values of R:245, G:183, B:220 and CMYK values of C:0, M:0.25, Y:0.1, K:0.04. Its decimal value is 16103388.

Hex triplet	f5b7dc	`#f5b7dc`
RGB Decimal	245, 183, 220	`rgb(245,183,220)`
RGB Percent	96.1, 71.8, 86.3	`rgb(96.1%,71.8%,86.3%)`
CMYK	0, 25, 10, 4
HSL	324.2°, 75.6, 83.9	`hsl(324.2,75.6%,83.9%)`
HSV (or HSB)	324.2°, 25.3, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.988, 28.057, -9.748
XYZ	67.507, 58.449, 75.432
xyY	0.335, 0.29, 58.449
CIE-LCH	80.988, 29.702, 340.841
CIE-LUV	80.988, 34.582, -19.936
Hunter-Lab	76.452, 23.824, -4.983
Binary	11110101, 10110111, 11011100

#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#b7f5d0
```
#b7f5d0 rgb(183,245,208)
```

Complementary Color

#efb7f5
```
#efb7f5 rgb(239,183,245)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f5b7bd
```
#f5b7bd rgb(245,183,189)
```

Analogous Color

#b7f5ef
```
#b7f5ef rgb(183,245,239)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#bdf5b7
```
#bdf5b7 rgb(189,245,183)
```

Split Complementary Color

#b7dcf5
```
#b7dcf5 rgb(183,220,245)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#dcf5b7
```
#dcf5b7 rgb(220,245,183)
```

Triadic Color

#d0b7f5
```
#d0b7f5 rgb(208,183,245)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#dcf5b7
```
#dcf5b7 rgb(220,245,183)
```
#b7f5d0
```
#b7f5d0 rgb(183,245,208)
```

Tetradic Color

#ec74bb
```
#ec74bb rgb(236,116,187)
```
#ef8ac6
```
#ef8ac6 rgb(239,138,198)
```
#f2a1d1
```
#f2a1d1 rgb(242,161,209)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f8cde7
```
#f8cde7 rgb(248,205,231)
```
#fbe4f2
```
#fbe4f2 rgb(251,228,242)
```
#fefafd
```
#fefafd rgb(254,250,253)
```

Monochromatic Color

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

#f5b7ec
```
#f5b7ec rgb(245,183,236)
```
#f5b7e6
```
#f5b7e6 rgb(245,183,230)
```
#f5b7e1
```
#f5b7e1 rgb(245,183,225)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f5b7d7
```
#f5b7d7 rgb(245,183,215)
```
#f5b7d2
```
#f5b7d2 rgb(245,183,210)
```
#f5b7cd
```
#f5b7cd rgb(245,183,205)
```

Similar Colors

Text with hexadecimal color #f5b7dc

This text has a font color of #f5b7dc.

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

#f5b7dc background color

This paragraph has a background color of #f5b7dc.

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

#f5b7dc border color

This element has a border color of #f5b7dc.

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

CSS codes

.text {color:#f5b7dc;}

.background {background-color:#f5b7dc;}

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

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

#0e0209
```
#0e0209 rgb(14,2,9)
```
#1f0414
```
#1f0414 rgb(31,4,20)
```
#310720
```
#310720 rgb(49,7,32)
```
#42092b
```
#42092b rgb(66,9,43)
```
#530c36
```
#530c36 rgb(83,12,54)
```
#640e41
```
#640e41 rgb(100,14,65)
```
#75104d
```
#75104d rgb(117,16,77)
```
#871358
```
#871358 rgb(135,19,88)
```
#981563
```
#981563 rgb(152,21,99)
```
#a9176e
```
#a9176e rgb(169,23,110)
```
#ba1a7a
```
#ba1a7a rgb(186,26,122)
```
#cc1c85
```
#cc1c85 rgb(204,28,133)
```
#dd1f90
```
#dd1f90 rgb(221,31,144)
```

Shade Color Variation

#e22d99
```
#e22d99 rgb(226,45,153)
```
#e43ea1
```
#e43ea1 rgb(228,62,161)
```
#e750aa
```
#e750aa rgb(231,80,170)
```
#e961b2
```
#e961b2 rgb(233,97,178)
```
#eb72bb
```
#eb72bb rgb(235,114,187)
```
#ee83c3
```
#ee83c3 rgb(238,131,195)
```
#f095cb
```
#f095cb rgb(240,149,203)
```
#f3a6d4
```
#f3a6d4 rgb(243,166,212)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f7c8e4
```
#f7c8e4 rgb(247,200,228)
```
#fad9ed
```
#fad9ed rgb(250,217,237)
```
#fcebf5
```
#fcebf5 rgb(252,235,245)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#d9d3d7
```
#d9d3d7 rgb(217,211,215)
```
#dcd0d7
```
#dcd0d7 rgb(220,208,215)
```
#dfcdd8
```
#dfcdd8 rgb(223,205,216)
```
#e2cad8
```
#e2cad8 rgb(226,202,216)
```
#e5c7d9
```
#e5c7d9 rgb(229,199,217)
```
#e8c4da
```
#e8c4da rgb(232,196,218)
```
#ecc0da
```
#ecc0da rgb(236,192,218)
```
#efbddb
```
#efbddb rgb(239,189,219)
```
#f2badb
```
#f2badb rgb(242,186,219)
```
#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f8b4dd
```
#f8b4dd rgb(248,180,221)
```
#fbb1dd
```
#fbb1dd rgb(251,177,221)
```
#feaede
```
#feaede rgb(254,174,222)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d6c9d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cae6 Protanopia 1% of men
#d7c6da Deuteranopia 1% of men
#f2becb Tritanopia 0.001% of the population

Trichromacy

#d7c3e2 Protanomaly 1% of men, 0.01% of women
#e2c0da Deuteranomaly 6% of men, 0.4% of women
#f3bbd1 Tritanomaly 0.01% of the population

#f5b7dc hex color

#f5b7dc Color Information

#f5b7dc Color Conversion

Color Schemes with #f5b7dc

Alternatives to #f5b7dc

#f5b7dc Preview

Shades and Tints of #f5b7dc

Tones of #f5b7dc

Color Blindness Simulator