#f0bac1 hex color

In a RGB color space, hex #f0bac1 is composed of 94.1% red, 72.9% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 19.6% yellow and 5.9% black. It has a hue angle of 352.2 degrees, a saturation of 64.3% and a lightness of 83.5%. #f0bac1 color hex could be obtained by blending #ffffff with #e17583. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 94
- G 73
- B 76
RGB color chart
- C 0
- M 23
- Y 20
- K 6
CMYK color chart

● #f0bac1 color description : Very soft red.

The hexadecimal color #f0bac1 has RGB values of R:240, G:186, B:193 and CMYK values of C:0, M:0.23, Y:0.2, K:0.06. Its decimal value is 15776449.

Hex triplet	f0bac1	`#f0bac1`
RGB Decimal	240, 186, 193	`rgb(240,186,193)`
RGB Percent	94.1, 72.9, 75.7	`rgb(94.1%,72.9%,75.7%)`
CMYK	0, 23, 20, 6
HSL	352.2°, 64.3, 83.5	`hsl(352.2,64.3%,83.5%)`
HSV (or HSB)	352.2°, 22.5, 94.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	80.457, 20.46, 3.973
XYZ	63.119, 57.495, 58.222
xyY	0.353, 0.321, 57.495
CIE-LCH	80.457, 20.842, 10.99
CIE-LUV	80.457, 33.092, 2.079
Hunter-Lab	75.826, 15.892, 7.553
Binary	11110000, 10111010, 11000001

#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#baf0e9
```
#baf0e9 rgb(186,240,233)
```

Complementary Color

#f0badc
```
#f0badc rgb(240,186,220)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#f0ceba
```
#f0ceba rgb(240,206,186)
```

Analogous Color

#badcf0
```
#badcf0 rgb(186,220,240)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#baf0ce
```
#baf0ce rgb(186,240,206)
```

Split Complementary Color

#bac1f0
```
#bac1f0 rgb(186,193,240)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#c1f0ba
```
#c1f0ba rgb(193,240,186)
```

Triadic Color

#e9baf0
```
#e9baf0 rgb(233,186,240)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#c1f0ba
```
#c1f0ba rgb(193,240,186)
```
#baf0e9
```
#baf0e9 rgb(186,240,233)
```

Tetradic Color

#e27b89
```
#e27b89 rgb(226,123,137)
```
#e7909b
```
#e7909b rgb(231,144,155)
```
#eba5ae
```
#eba5ae rgb(235,165,174)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#f5cfd4
```
#f5cfd4 rgb(245,207,212)
```
#f9e4e7
```
#f9e4e7 rgb(249,228,231)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Monochromatic Color

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

#f0bacf
```
#f0bacf rgb(240,186,207)
```
#f0baca
```
#f0baca rgb(240,186,202)
```
#f0bac6
```
#f0bac6 rgb(240,186,198)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#f0babd
```
#f0babd rgb(240,186,189)
```
#f0bcba
```
#f0bcba rgb(240,188,186)
```
#f0c1ba
```
#f0c1ba rgb(240,193,186)
```

Similar Colors

Text with hexadecimal color #f0bac1

This text has a font color of #f0bac1.

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

#f0bac1 background color

This paragraph has a background color of #f0bac1.

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

#f0bac1 border color

This element has a border color of #f0bac1.

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

CSS codes

.text {color:#f0bac1;}

.background {background-color:#f0bac1;}

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

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

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1c0609
```
#1c0609 rgb(28,6,9)
```
#2c0a0e
```
#2c0a0e rgb(44,10,14)
```
#3c0d13
```
#3c0d13 rgb(60,13,19)
```
#4c1118
```
#4c1118 rgb(76,17,24)
```
#5c141d
```
#5c141d rgb(92,20,29)
```
#6c1823
```
#6c1823 rgb(108,24,35)
```
#7c1b28
```
#7c1b28 rgb(124,27,40)
```
#8c1f2d
```
#8c1f2d rgb(140,31,45)
```
#9d2232
```
#9d2232 rgb(157,34,50)
```
#ad2637
```
#ad2637 rgb(173,38,55)
```
#bd293c
```
#bd293c rgb(189,41,60)
```
#cd2d41
```
#cd2d41 rgb(205,45,65)
```

Shade Color Variation

#d4394d
```
#d4394d rgb(212,57,77)
```
#d7495c
```
#d7495c rgb(215,73,92)
```
#db596a
```
#db596a rgb(219,89,106)
```
#de6979
```
#de6979 rgb(222,105,121)
```
#e27a87
```
#e27a87 rgb(226,122,135)
```
#e58a96
```
#e58a96 rgb(229,138,150)
```
#e99aa4
```
#e99aa4 rgb(233,154,164)
```
#ecaab3
```
#ecaab3 rgb(236,170,179)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#f4cacf
```
#f4cacf rgb(244,202,207)
```
#f7dade
```
#f7dade rgb(247,218,222)
```
#fbeaec
```
#fbeaec rgb(251,234,236)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#d6d4d4
```
#d6d4d4 rgb(214,212,212)
```
#d9d1d2
```
#d9d1d2 rgb(217,209,210)
```
#ddcdcf
```
#ddcdcf rgb(221,205,207)
```
#e0cacd
```
#e0cacd rgb(224,202,205)
```
#e3c7cb
```
#e3c7cb rgb(227,199,203)
```
#e6c4c8
```
#e6c4c8 rgb(230,196,200)
```
#eac0c6
```
#eac0c6 rgb(234,192,198)
```
#edbdc3
```
#edbdc3 rgb(237,189,195)
```
#f0bac1
```
#f0bac1 rgb(240,186,193)
```
#f3b7bf
```
#f3b7bf rgb(243,183,191)
```
#f6b4bc
```
#f6b4bc rgb(246,180,188)
```
#fab0ba
```
#fab0ba rgb(250,176,186)
```
#fdadb7
```
#fdadb7 rgb(253,173,183)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d2c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc9ca Protanopia 1% of men
#e0c4c2 Deuteranopia 1% of men
#f1bcc9 Tritanopia 0.001% of the population

Trichromacy

#dac3c6 Protanomaly 1% of men, 0.01% of women
#e6c0c1 Deuteranomaly 6% of men, 0.4% of women
#f0bbc6 Tritanomaly 0.01% of the population

#f0bac1 hex color

#f0bac1 Color Information

#f0bac1 Color Conversion

Color Schemes with #f0bac1

Alternatives to #f0bac1

#f0bac1 Preview

Shades and Tints of #f0bac1

Tones of #f0bac1

Color Blindness Simulator