#f5bcc2 hex color

In a RGB color space, hex #f5bcc2 is composed of 96.1% red, 73.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 20.8% yellow and 3.9% black. It has a hue angle of 353.7 degrees, a saturation of 74% and a lightness of 84.9%. #f5bcc2 color hex could be obtained by blending #ffffff with #eb7985. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 96
- G 74
- B 76
RGB color chart
- C 0
- M 23
- Y 21
- K 4
CMYK color chart

● #f5bcc2 color description : Very soft red.

The hexadecimal color #f5bcc2 has RGB values of R:245, G:188, B:194 and CMYK values of C:0, M:0.23, Y:0.21, K:0.04. Its decimal value is 16104642.

Hex triplet	f5bcc2	`#f5bcc2`
RGB Decimal	245, 188, 194	`rgb(245,188,194)`
RGB Percent	96.1, 73.7, 76.1	`rgb(96.1%,73.7%,76.1%)`
CMYK	0, 23, 21, 4
HSL	353.7°, 74, 84.9	`hsl(353.7,74%,84.9%)`
HSV (or HSB)	353.7°, 23.3, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	81.443, 21.351, 4.922
XYZ	65.376, 59.276, 59.034
xyY	0.356, 0.323, 59.276
CIE-LCH	81.443, 21.911, 12.981
CIE-LUV	81.443, 35.203, 3.281
Hunter-Lab	76.991, 16.837, 8.432
Binary	11110101, 10111100, 11000010

#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#bcf5ef
```
#bcf5ef rgb(188,245,239)
```

Complementary Color

#f5bcdf
```
#f5bcdf rgb(245,188,223)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#f5d3bc
```
#f5d3bc rgb(245,211,188)
```

Analogous Color

#bcdff5
```
#bcdff5 rgb(188,223,245)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#bcf5d3
```
#bcf5d3 rgb(188,245,211)
```

Split Complementary Color

#bcc2f5
```
#bcc2f5 rgb(188,194,245)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#c2f5bc
```
#c2f5bc rgb(194,245,188)
```

Triadic Color

#efbcf5
```
#efbcf5 rgb(239,188,245)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#c2f5bc
```
#c2f5bc rgb(194,245,188)
```
#bcf5ef
```
#bcf5ef rgb(188,245,239)
```

Tetradic Color

#eb7985
```
#eb7985 rgb(235,121,133)
```
#ee909a
```
#ee909a rgb(238,144,154)
```
#f2a6ae
```
#f2a6ae rgb(242,166,174)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#f8d2d6
```
#f8d2d6 rgb(248,210,214)
```
#fce8ea
```
#fce8ea rgb(252,232,234)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5bcd0
```
#f5bcd0 rgb(245,188,208)
```
#f5bccc
```
#f5bccc rgb(245,188,204)
```
#f5bcc7
```
#f5bcc7 rgb(245,188,199)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#f5bcbd
```
#f5bcbd rgb(245,188,189)
```
#f5c0bc
```
#f5c0bc rgb(245,192,188)
```
#f5c4bc
```
#f5c4bc rgb(245,196,188)
```

Similar Colors

Text with hexadecimal color #f5bcc2

This text has a font color of #f5bcc2.

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

#f5bcc2 background color

This paragraph has a background color of #f5bcc2.

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

#f5bcc2 border color

This element has a border color of #f5bcc2.

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

CSS codes

.text {color:#f5bcc2;}

.background {background-color:#f5bcc2;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120304
```
#120304 rgb(18,3,4)
```
#230508
```
#230508 rgb(35,5,8)
```
#34080d
```
#34080d rgb(52,8,13)
```
#460a11
```
#460a11 rgb(70,10,17)
```
#570d15
```
#570d15 rgb(87,13,21)
```
#680f19
```
#680f19 rgb(104,15,25)
```
#79121d
```
#79121d rgb(121,18,29)
```
#8a1521
```
#8a1521 rgb(138,21,33)
```
#9b1725
```
#9b1725 rgb(155,23,37)
```
#ac1a29
```
#ac1a29 rgb(172,26,41)
```
#bd1c2d
```
#bd1c2d rgb(189,28,45)
```
#ce1f31
```
#ce1f31 rgb(206,31,49)
```

Shade Color Variation

#de2236
```
#de2236 rgb(222,34,54)
```
#e13346
```
#e13346 rgb(225,51,70)
```
#e34555
```
#e34555 rgb(227,69,85)
```
#e65665
```
#e65665 rgb(230,86,101)
```
#e86774
```
#e86774 rgb(232,103,116)
```
#eb7884
```
#eb7884 rgb(235,120,132)
```
#ed8993
```
#ed8993 rgb(237,137,147)
```
#f09aa3
```
#f09aa3 rgb(240,154,163)
```
#f2abb2
```
#f2abb2 rgb(242,171,178)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#f8cdd2
```
#f8cdd2 rgb(248,205,210)
```
#fadee1
```
#fadee1 rgb(250,222,225)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#dad7d7
```
#dad7d7 rgb(218,215,215)
```
#ddd4d5
```
#ddd4d5 rgb(221,212,213)
```
#e0d1d2
```
#e0d1d2 rgb(224,209,210)
```
#e3ced0
```
#e3ced0 rgb(227,206,208)
```
#e6cbce
```
#e6cbce rgb(230,203,206)
```
#e9c8cb
```
#e9c8cb rgb(233,200,203)
```
#ecc5c9
```
#ecc5c9 rgb(236,197,201)
```
#efc2c7
```
#efc2c7 rgb(239,194,199)
```
#f2bfc4
```
#f2bfc4 rgb(242,191,196)
```
#f5bcc2
```
#f5bcc2 rgb(245,188,194)
```
#f8b9c0
```
#f8b9c0 rgb(248,185,192)
```
#fbb6bd
```
#fbb6bd rgb(251,182,189)
```
#feb3bb
```
#feb3bb rgb(254,179,187)
```

Tone Color Variation

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

Dichromacy

#d0cccb Protanopia 1% of men
#e3c6c3 Deuteranopia 1% of men
#f6becb Tritanopia 0.001% of the population

Trichromacy

#ddc6c8 Protanomaly 1% of men, 0.01% of women
#eac2c2 Deuteranomaly 6% of men, 0.4% of women
#f5bdc8 Tritanomaly 0.01% of the population

#f5bcc2 hex color

#f5bcc2 Color Information

#f5bcc2 Color Conversion

Color Schemes with #f5bcc2

Alternatives to #f5bcc2

#f5bcc2 Preview

Shades and Tints of #f5bcc2

Tones of #f5bcc2

Color Blindness Simulator