#f5c2bb hex color

In a RGB color space, hex #f5c2bb is composed of 96.1% red, 76.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 23.7% yellow and 3.9% black. It has a hue angle of 7.2 degrees, a saturation of 74.4% and a lightness of 84.7%. #f5c2bb color hex could be obtained by blending #ffffff with #eb8577. Closest websafe color is: #ffcccc.

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

● #f5c2bb color description : Very soft red.

The hexadecimal color #f5c2bb has RGB values of R:245, G:194, B:187 and CMYK values of C:0, M:0.21, Y:0.24, K:0.04. Its decimal value is 16106171.

Hex triplet	f5c2bb	`#f5c2bb`
RGB Decimal	245, 194, 187	`rgb(245,194,187)`
RGB Percent	96.1, 76.1, 73.3	`rgb(96.1%,76.1%,73.3%)`
CMYK	0, 21, 24, 4
HSL	7.2°, 74.4, 84.7	`hsl(7.2,74.4%,84.7%)`
HSV (or HSB)	7.2°, 23.7, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.693, 17.178, 10.469
XYZ	65.917, 61.586, 55.426
xyY	0.36, 0.337, 61.586
CIE-LCH	82.693, 20.116, 31.359
CIE-LUV	82.693, 32.518, 11.982
Hunter-Lab	78.477, 12.597, 13.059
Binary	11110101, 11000010, 10111011

#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#bbeef5
```
#bbeef5 rgb(187,238,245)
```

Complementary Color

#f5bbd1
```
#f5bbd1 rgb(245,187,209)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f5dfbb
```
#f5dfbb rgb(245,223,187)
```

Analogous Color

#bbd1f5
```
#bbd1f5 rgb(187,209,245)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#bbf5df
```
#bbf5df rgb(187,245,223)
```

Split Complementary Color

#c2bbf5
```
#c2bbf5 rgb(194,187,245)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#bbf5c2
```
#bbf5c2 rgb(187,245,194)
```

Triadic Color

#f5bbee
```
#f5bbee rgb(245,187,238)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#bbf5c2
```
#bbf5c2 rgb(187,245,194)
```
#bbeef5
```
#bbeef5 rgb(187,238,245)
```

Tetradic Color

#eb8678
```
#eb8678 rgb(235,134,120)
```
#ee9a8f
```
#ee9a8f rgb(238,154,143)
```
#f2aea5
```
#f2aea5 rgb(242,174,165)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f8d6d1
```
#f8d6d1 rgb(248,214,209)
```
#fceae7
```
#fceae7 rgb(252,234,231)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Monochromatic Color

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

#f5bbc3
```
#f5bbc3 rgb(245,187,195)
```
#f5bbbe
```
#f5bbbe rgb(245,187,190)
```
#f5bdbb
```
#f5bdbb rgb(245,189,187)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f5c7bb
```
#f5c7bb rgb(245,199,187)
```
#f5ccbb
```
#f5ccbb rgb(245,204,187)
```
#f5d1bb
```
#f5d1bb rgb(245,209,187)
```

Similar Colors

Text with hexadecimal color #f5c2bb

This text has a font color of #f5c2bb.

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

#f5c2bb background color

This paragraph has a background color of #f5c2bb.

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

#f5c2bb border color

This element has a border color of #f5c2bb.

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

CSS codes

.text {color:#f5c2bb;}

.background {background-color:#f5c2bb;}

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

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 #fdf0ee is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230905
```
#230905 rgb(35,9,5)
```
#340d08
```
#340d08 rgb(52,13,8)
```
#45110a
```
#45110a rgb(69,17,10)
```
#56150d
```
#56150d rgb(86,21,13)
```
#671a0f
```
#671a0f rgb(103,26,15)
```
#781e12
```
#781e12 rgb(120,30,18)
```
#892214
```
#892214 rgb(137,34,20)
```
#9a2717
```
#9a2717 rgb(154,39,23)
```
#ab2b19
```
#ab2b19 rgb(171,43,25)
```
#bd2f1c
```
#bd2f1c rgb(189,47,28)
```
#ce331e
```
#ce331e rgb(206,51,30)
```

Shade Color Variation

#de3821
```
#de3821 rgb(222,56,33)
```
#e14732
```
#e14732 rgb(225,71,50)
```
#e35743
```
#e35743 rgb(227,87,67)
```
#e66654
```
#e66654 rgb(230,102,84)
```
#e87565
```
#e87565 rgb(232,117,101)
```
#eb8577
```
#eb8577 rgb(235,133,119)
```
#ed9488
```
#ed9488 rgb(237,148,136)
```
#f0a399
```
#f0a399 rgb(240,163,153)
```
#f2b3aa
```
#f2b3aa rgb(242,179,170)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f8d1cc
```
#f8d1cc rgb(248,209,204)
```
#fae1dd
```
#fae1dd rgb(250,225,221)
```
#fdf0ee
```
#fdf0ee rgb(253,240,238)
```

Tint Color Variation

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

#dad6d6
```
#dad6d6 rgb(218,214,214)
```
#ddd4d3
```
#ddd4d3 rgb(221,212,211)
```
#e0d2d0
```
#e0d2d0 rgb(224,210,208)
```
#e3d0cd
```
#e3d0cd rgb(227,208,205)
```
#e6cdca
```
#e6cdca rgb(230,205,202)
```
#e9cbc7
```
#e9cbc7 rgb(233,203,199)
```
#ecc9c4
```
#ecc9c4 rgb(236,201,196)
```
#efc7c1
```
#efc7c1 rgb(239,199,193)
```
#f2c4be
```
#f2c4be rgb(242,196,190)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f8c0b8
```
#f8c0b8 rgb(248,192,184)
```
#fbbdb5
```
#fbbdb5 rgb(251,189,181)
```
#febbb2
```
#febbb2 rgb(254,187,178)
```

Tone Color Variation

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

Dichromacy

#d7cfc3 Protanopia 1% of men
#eac9bd Deuteranopia 1% of men
#f7c2d0 Tritanopia 0.001% of the population

Trichromacy

#e1cac0 Protanomaly 1% of men, 0.01% of women
#eec6bc Deuteranomaly 6% of men, 0.4% of women
#f6c2c8 Tritanomaly 0.01% of the population

#f5c2bb hex color

#f5c2bb Color Information

#f5c2bb Color Conversion

Color Schemes with #f5c2bb

Alternatives to #f5c2bb

#f5c2bb Preview

Shades and Tints of #f5c2bb

Tones of #f5c2bb

Color Blindness Simulator