#f5bacc hex color

In a RGB color space, hex #f5bacc is composed of 96.1% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 16.7% yellow and 3.9% black. It has a hue angle of 341.7 degrees, a saturation of 74.7% and a lightness of 84.5%. #f5bacc color hex could be obtained by blending #ffffff with #eb7599. Closest websafe color is: #ffcccc.

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

● #f5bacc color description : Very soft pink.

The hexadecimal color #f5bacc has RGB values of R:245, G:186, B:204 and CMYK values of C:0, M:0.24, Y:0.17, K:0.04. Its decimal value is 16104140.

Hex triplet	f5bacc	`#f5bacc`
RGB Decimal	245, 186, 204	`rgb(245,186,204)`
RGB Percent	96.1, 72.9, 80	`rgb(96.1%,72.9%,80%)`
CMYK	0, 24, 17, 4
HSL	341.7°, 74.7, 84.5	`hsl(341.7,74.7%,84.5%)`
HSV (or HSB)	341.7°, 24.1, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	81.232, 23.912, -0.768
XYZ	66.113, 58.892, 65.008
xyY	0.348, 0.31, 58.892
CIE-LCH	81.232, 23.924, 358.162
CIE-LUV	81.232, 35.081, -5.528
Hunter-Lab	76.741, 19.482, 3.494
Binary	11110101, 10111010, 11001100

#f5bacc
```
#f5bacc rgb(245,186,204)
```
#baf5e3
```
#baf5e3 rgb(186,245,227)
```

Complementary Color

#f5baea
```
#f5baea rgb(245,186,234)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#f5c6ba
```
#f5c6ba rgb(245,198,186)
```

Analogous Color

#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#baf5c6
```
#baf5c6 rgb(186,245,198)
```

Split Complementary Color

#baccf5
```
#baccf5 rgb(186,204,245)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#ccf5ba
```
#ccf5ba rgb(204,245,186)
```

Triadic Color

#e3baf5
```
#e3baf5 rgb(227,186,245)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#ccf5ba
```
#ccf5ba rgb(204,245,186)
```
#baf5e3
```
#baf5e3 rgb(186,245,227)
```

Tetradic Color

#eb779b
```
#eb779b rgb(235,119,155)
```
#ef8dab
```
#ef8dab rgb(239,141,171)
```
#f2a4bc
```
#f2a4bc rgb(242,164,188)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#f8d0dc
```
#f8d0dc rgb(248,208,220)
```
#fbe7ed
```
#fbe7ed rgb(251,231,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Monochromatic Color

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

#f5badb
```
#f5badb rgb(245,186,219)
```
#f5bad6
```
#f5bad6 rgb(245,186,214)
```
#f5bad1
```
#f5bad1 rgb(245,186,209)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#f5bac7
```
#f5bac7 rgb(245,186,199)
```
#f5bac2
```
#f5bac2 rgb(245,186,194)
```
#f5babd
```
#f5babd rgb(245,186,189)
```

Similar Colors

Text with hexadecimal color #f5bacc

This text has a font color of #f5bacc.

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

#f5bacc background color

This paragraph has a background color of #f5bacc.

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

#f5bacc border color

This element has a border color of #f5bacc.

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

CSS codes

.text {color:#f5bacc;}

.background {background-color:#f5bacc;}

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

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

#110207
```
#110207 rgb(17,2,7)
```
#22050e
```
#22050e rgb(34,5,14)
```
#330715
```
#330715 rgb(51,7,21)
```
#440a1c
```
#440a1c rgb(68,10,28)
```
#550c23
```
#550c23 rgb(85,12,35)
```
#660f2a
```
#660f2a rgb(102,15,42)
```
#771130
```
#771130 rgb(119,17,48)
```
#891437
```
#891437 rgb(137,20,55)
```
#9a163e
```
#9a163e rgb(154,22,62)
```
#ab1945
```
#ab1945 rgb(171,25,69)
```
#bc1b4c
```
#bc1b4c rgb(188,27,76)
```
#cd1e53
```
#cd1e53 rgb(205,30,83)
```
#de205a
```
#de205a rgb(222,32,90)
```

Shade Color Variation

#e13167
```
#e13167 rgb(225,49,103)
```
#e44273
```
#e44273 rgb(228,66,115)
```
#e65380
```
#e65380 rgb(230,83,128)
```
#e9648d
```
#e9648d rgb(233,100,141)
```
#eb7599
```
#eb7599 rgb(235,117,153)
```
#ee87a6
```
#ee87a6 rgb(238,135,166)
```
#f098b3
```
#f098b3 rgb(240,152,179)
```
#f3a9bf
```
#f3a9bf rgb(243,169,191)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#f7cbd9
```
#f7cbd9 rgb(247,203,217)
```
#fadce5
```
#fadce5 rgb(250,220,229)
```
#fcedf2
```
#fcedf2 rgb(252,237,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#dad5d7
```
#dad5d7 rgb(218,213,215)
```
#ddd2d5
```
#ddd2d5 rgb(221,210,213)
```
#e0cfd4
```
#e0cfd4 rgb(224,207,212)
```
#e3ccd3
```
#e3ccd3 rgb(227,204,211)
```
#e6c9d2
```
#e6c9d2 rgb(230,201,210)
```
#e9c6d1
```
#e9c6d1 rgb(233,198,209)
```
#ecc3d0
```
#ecc3d0 rgb(236,195,208)
```
#efc0ce
```
#efc0ce rgb(239,192,206)
```
#f2bdcd
```
#f2bdcd rgb(242,189,205)
```
#f5bacc
```
#f5bacc rgb(245,186,204)
```
#f8b7cb
```
#f8b7cb rgb(248,183,203)
```
#fbb4ca
```
#fbb4ca rgb(251,180,202)
```
#feb1c8
```
#feb1c8 rgb(254,177,200)
```

Tone Color Variation

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

Dichromacy

#cdcbd6 Protanopia 1% of men
#dfc6cc Deuteranopia 1% of men
#f5becb Tritanopia 0.001% of the population

Trichromacy

#dbc5d2 Protanomaly 1% of men, 0.01% of women
#e7c1cc Deuteranomaly 6% of men, 0.4% of women
#f5bccb Tritanomaly 0.01% of the population

#f5bacc hex color

#f5bacc Color Information

#f5bacc Color Conversion

Color Schemes with #f5bacc

Alternatives to #f5bacc

#f5bacc Preview

Shades and Tints of #f5bacc

Tones of #f5bacc

Color Blindness Simulator