#f0b4bb hex color

In a RGB color space, hex #f0b4bb is composed of 94.1% red, 70.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 22.1% yellow and 5.9% black. It has a hue angle of 353 degrees, a saturation of 66.7% and a lightness of 82.4%. #f0b4bb color hex could be obtained by blending #ffffff with #e16977. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 94
- G 71
- B 73
RGB color chart
- C 0
- M 25
- Y 22
- K 6
CMYK color chart

● #f0b4bb color description : Very soft red.

The hexadecimal color #f0b4bb has RGB values of R:240, G:180, B:187 and CMYK values of C:0, M:0.25, Y:0.22, K:0.06. Its decimal value is 15774907.

Hex triplet	f0b4bb	`#f0b4bb`
RGB Decimal	240, 180, 187	`rgb(240,180,187)`
RGB Percent	94.1, 70.6, 73.3	`rgb(94.1%,70.6%,73.3%)`
CMYK	0, 25, 22, 6
HSL	353°, 66.7, 82.4	`hsl(353,66.7%,82.4%)`
HSV (or HSB)	353°, 25, 94.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	78.902, 22.76, 4.967
XYZ	61.225, 54.758, 54.355
xyY	0.359, 0.321, 54.758
CIE-LCH	78.902, 23.295, 12.311
CIE-LUV	78.902, 37.303, 3.041
Hunter-Lab	73.999, 18.191, 8.248
Binary	11110000, 10110100, 10111011

#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#b4f0e9
```
#b4f0e9 rgb(180,240,233)
```

Complementary Color

#f0b4d9
```
#f0b4d9 rgb(240,180,217)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#f0cbb4
```
#f0cbb4 rgb(240,203,180)
```

Analogous Color

#b4d9f0
```
#b4d9f0 rgb(180,217,240)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#b4f0cb
```
#b4f0cb rgb(180,240,203)
```

Split Complementary Color

#b4bbf0
```
#b4bbf0 rgb(180,187,240)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#bbf0b4
```
#bbf0b4 rgb(187,240,180)
```

Triadic Color

#e9b4f0
```
#e9b4f0 rgb(233,180,240)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#bbf0b4
```
#bbf0b4 rgb(187,240,180)
```
#b4f0e9
```
#b4f0e9 rgb(180,240,233)
```

Tetradic Color

#e37481
```
#e37481 rgb(227,116,129)
```
#e88a94
```
#e88a94 rgb(232,138,148)
```
#ec9fa8
```
#ec9fa8 rgb(236,159,168)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#f4c9ce
```
#f4c9ce rgb(244,201,206)
```
#f9dfe2
```
#f9dfe2 rgb(249,223,226)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Monochromatic Color

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

#f0b4ca
```
#f0b4ca rgb(240,180,202)
```
#f0b4c5
```
#f0b4c5 rgb(240,180,197)
```
#f0b4c0
```
#f0b4c0 rgb(240,180,192)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#f0b4b6
```
#f0b4b6 rgb(240,180,182)
```
#f0b7b4
```
#f0b7b4 rgb(240,183,180)
```
#f0bcb4
```
#f0bcb4 rgb(240,188,180)
```

Similar Colors

Text with hexadecimal color #f0b4bb

This text has a font color of #f0b4bb.

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

#f0b4bb background color

This paragraph has a background color of #f0b4bb.

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

#f0b4bb border color

This element has a border color of #f0b4bb.

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

CSS codes

.text {color:#f0b4bb;}

.background {background-color:#f0b4bb;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170507
```
#170507 rgb(23,5,7)
```
#27080c
```
#27080c rgb(39,8,12)
```
#380b10
```
#380b10 rgb(56,11,16)
```
#480e15
```
#480e15 rgb(72,14,21)
```
#58121a
```
#58121a rgb(88,18,26)
```
#69151f
```
#69151f rgb(105,21,31)
```
#791824
```
#791824 rgb(121,24,36)
```
#8a1c28
```
#8a1c28 rgb(138,28,40)
```
#9a1f2d
```
#9a1f2d rgb(154,31,45)
```
#aa2232
```
#aa2232 rgb(170,34,50)
```
#bb2537
```
#bb2537 rgb(187,37,55)
```
#cb293c
```
#cb293c rgb(203,41,60)
```

Shade Color Variation

#d63144
```
#d63144 rgb(214,49,68)
```
#d94253
```
#d94253 rgb(217,66,83)
```
#dc5262
```
#dc5262 rgb(220,82,98)
```
#e06271
```
#e06271 rgb(224,98,113)
```
#e37380
```
#e37380 rgb(227,115,128)
```
#e6838f
```
#e6838f rgb(230,131,143)
```
#e9939d
```
#e9939d rgb(233,147,157)
```
#eda4ac
```
#eda4ac rgb(237,164,172)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#f3c4ca
```
#f3c4ca rgb(243,196,202)
```
#f7d5d9
```
#f7d5d9 rgb(247,213,217)
```
#fae5e7
```
#fae5e7 rgb(250,229,231)
```
#fdf5f6
```
#fdf5f6 rgb(253,245,246)
```

Tint Color Variation

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

#d4d0d0
```
#d4d0d0 rgb(212,208,208)
```
#d8ccce
```
#d8ccce rgb(216,204,206)
```
#dbc9cb
```
#dbc9cb rgb(219,201,203)
```
#dfc5c8
```
#dfc5c8 rgb(223,197,200)
```
#e2c2c6
```
#e2c2c6 rgb(226,194,198)
```
#e6bec3
```
#e6bec3 rgb(230,190,195)
```
#e9bbc0
```
#e9bbc0 rgb(233,187,192)
```
#edb7be
```
#edb7be rgb(237,183,190)
```
#f0b4bb
```
#f0b4bb rgb(240,180,187)
```
#f3b1b8
```
#f3b1b8 rgb(243,177,184)
```
#f7adb6
```
#f7adb6 rgb(247,173,182)
```
#faaab3
```
#faaab3 rgb(250,170,179)
```
#fea6b0
```
#fea6b0 rgb(254,166,176)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cfc3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c5c5 Protanopia 1% of men
#dcc0bc Deuteranopia 1% of men
#f1b7c3 Tritanopia 0.001% of the population

Trichromacy

#d7bfc1 Protanomaly 1% of men, 0.01% of women
#e3bbbb Deuteranomaly 6% of men, 0.4% of women
#f0b5c0 Tritanomaly 0.01% of the population

#f0b4bb hex color

#f0b4bb Color Information

#f0b4bb Color Conversion

Color Schemes with #f0b4bb

Alternatives to #f0b4bb

#f0b4bb Preview

Shades and Tints of #f0b4bb

Tones of #f0b4bb

Color Blindness Simulator