#f5b7cc hex color

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

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

● #f5b7cc color description : Very soft pink.

The hexadecimal color #f5b7cc has RGB values of R:245, G:183, B:204 and CMYK values of C:0, M:0.25, Y:0.17, K:0.04. Its decimal value is 16103372.

Hex triplet	f5b7cc	`#f5b7cc`
RGB Decimal	245, 183, 204	`rgb(245,183,204)`
RGB Percent	96.1, 71.8, 80	`rgb(96.1%,71.8%,80%)`
CMYK	0, 25, 17, 4
HSL	339.7°, 75.6, 83.9	`hsl(339.7,75.6%,83.9%)`
HSV (or HSB)	339.7°, 25.3, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.539, 25.499, -1.783
XYZ	65.488, 57.641, 64.8
xyY	0.348, 0.307, 57.641
CIE-LCH	80.539, 25.561, 356.001
CIE-LUV	80.539, 36.758, -7.333
Hunter-Lab	75.922, 21.105, 2.541
Binary	11110101, 10110111, 11001100

#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#b7f5e0
```
#b7f5e0 rgb(183,245,224)
```

Complementary Color

#f5b7eb
```
#f5b7eb rgb(245,183,235)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#f5c1b7
```
#f5c1b7 rgb(245,193,183)
```

Analogous Color

#b7ebf5
```
#b7ebf5 rgb(183,235,245)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#b7f5c1
```
#b7f5c1 rgb(183,245,193)
```

Split Complementary Color

#b7ccf5
```
#b7ccf5 rgb(183,204,245)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#ccf5b7
```
#ccf5b7 rgb(204,245,183)
```

Triadic Color

#e0b7f5
```
#e0b7f5 rgb(224,183,245)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#ccf5b7
```
#ccf5b7 rgb(204,245,183)
```
#b7f5e0
```
#b7f5e0 rgb(183,245,224)
```

Tetradic Color

#ec749c
```
#ec749c rgb(236,116,156)
```
#ef8aac
```
#ef8aac rgb(239,138,172)
```
#f2a1bc
```
#f2a1bc rgb(242,161,188)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#f8cddc
```
#f8cddc rgb(248,205,220)
```
#fbe4ec
```
#fbe4ec rgb(251,228,236)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Monochromatic Color

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

#f5b7dc
```
#f5b7dc rgb(245,183,220)
```
#f5b7d6
```
#f5b7d6 rgb(245,183,214)
```
#f5b7d1
```
#f5b7d1 rgb(245,183,209)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#f5b7c7
```
#f5b7c7 rgb(245,183,199)
```
#f5b7c2
```
#f5b7c2 rgb(245,183,194)
```
#f5b7bd
```
#f5b7bd rgb(245,183,189)
```

Similar Colors

Text with hexadecimal color #f5b7cc

This text has a font color of #f5b7cc.

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

#f5b7cc background color

This paragraph has a background color of #f5b7cc.

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

#f5b7cc border color

This element has a border color of #f5b7cc.

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

CSS codes

.text {color:#f5b7cc;}

.background {background-color:#f5b7cc;}

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

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

#0e0206
```
#0e0206 rgb(14,2,6)
```
#1f040d
```
#1f040d rgb(31,4,13)
```
#310715
```
#310715 rgb(49,7,21)
```
#42091c
```
#42091c rgb(66,9,28)
```
#530c24
```
#530c24 rgb(83,12,36)
```
#640e2b
```
#640e2b rgb(100,14,43)
```
#751033
```
#751033 rgb(117,16,51)
```
#87133a
```
#87133a rgb(135,19,58)
```
#981541
```
#981541 rgb(152,21,65)
```
#a91749
```
#a91749 rgb(169,23,73)
```
#ba1a50
```
#ba1a50 rgb(186,26,80)
```
#cc1c58
```
#cc1c58 rgb(204,28,88)
```
#dd1f5f
```
#dd1f5f rgb(221,31,95)
```

Shade Color Variation

#e22d6a
```
#e22d6a rgb(226,45,106)
```
#e43e77
```
#e43e77 rgb(228,62,119)
```
#e75083
```
#e75083 rgb(231,80,131)
```
#e9618f
```
#e9618f rgb(233,97,143)
```
#eb729b
```
#eb729b rgb(235,114,155)
```
#ee83a7
```
#ee83a7 rgb(238,131,167)
```
#f095b4
```
#f095b4 rgb(240,149,180)
```
#f3a6c0
```
#f3a6c0 rgb(243,166,192)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#f7c8d8
```
#f7c8d8 rgb(247,200,216)
```
#fad9e4
```
#fad9e4 rgb(250,217,228)
```
#fcebf1
```
#fcebf1 rgb(252,235,241)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#d9d3d5
```
#d9d3d5 rgb(217,211,213)
```
#dcd0d4
```
#dcd0d4 rgb(220,208,212)
```
#dfcdd3
```
#dfcdd3 rgb(223,205,211)
```
#e2cad2
```
#e2cad2 rgb(226,202,210)
```
#e5c7d1
```
#e5c7d1 rgb(229,199,209)
```
#e8c4d0
```
#e8c4d0 rgb(232,196,208)
```
#ecc0cf
```
#ecc0cf rgb(236,192,207)
```
#efbdce
```
#efbdce rgb(239,189,206)
```
#f2bacd
```
#f2bacd rgb(242,186,205)
```
#f5b7cc
```
#f5b7cc rgb(245,183,204)
```
#f8b4cb
```
#f8b4cb rgb(248,180,203)
```
#fbb1ca
```
#fbb1ca rgb(251,177,202)
```
#feaec9
```
#feaec9 rgb(254,174,201)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4c8cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d6 Protanopia 1% of men
#dcc4cb Deuteranopia 1% of men
#f4bbc8 Tritanopia 0.001% of the population

Trichromacy

#d9c2d2 Protanomaly 1% of men, 0.01% of women
#e5bfcb Deuteranomaly 6% of men, 0.4% of women
#f4bac9 Tritanomaly 0.01% of the population

#f5b7cc hex color

#f5b7cc Color Information

#f5b7cc Color Conversion

Color Schemes with #f5b7cc

Alternatives to #f5b7cc

#f5b7cc Preview

Shades and Tints of #f5b7cc

Tones of #f5b7cc

Color Blindness Simulator