#f0b4b8 hex color

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

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

● #f0b4b8 color description : Very soft red.

The hexadecimal color #f0b4b8 has RGB values of R:240, G:180, B:184 and CMYK values of C:0, M:0.25, Y:0.23, K:0.06. Its decimal value is 15774904.

Hex triplet	f0b4b8	`#f0b4b8`
RGB Decimal	240, 180, 184	`rgb(240,180,184)`
RGB Percent	94.1, 70.6, 72.2	`rgb(94.1%,70.6%,72.2%)`
CMYK	0, 25, 23, 6
HSL	356°, 66.7, 82.4	`hsl(356,66.7%,82.4%)`
HSV (or HSB)	356°, 25, 94.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	78.828, 22.328, 6.486
XYZ	60.908, 54.631, 52.681
xyY	0.362, 0.325, 54.631
CIE-LCH	78.828, 23.251, 16.198
CIE-LUV	78.828, 37.689, 5.28
Hunter-Lab	73.913, 17.746, 9.48
Binary	11110000, 10110100, 10111000

#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#b4f0ec
```
#b4f0ec rgb(180,240,236)
```

Complementary Color

#f0b4d6
```
#f0b4d6 rgb(240,180,214)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#f0ceb4
```
#f0ceb4 rgb(240,206,180)
```

Analogous Color

#b4d6f0
```
#b4d6f0 rgb(180,214,240)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#b4f0ce
```
#b4f0ce rgb(180,240,206)
```

Split Complementary Color

#b4b8f0
```
#b4b8f0 rgb(180,184,240)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#b8f0b4
```
#b8f0b4 rgb(184,240,180)
```

Triadic Color

#ecb4f0
```
#ecb4f0 rgb(236,180,240)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#b8f0b4
```
#b8f0b4 rgb(184,240,180)
```
#b4f0ec
```
#b4f0ec rgb(180,240,236)
```

Tetradic Color

#e3747c
```
#e3747c rgb(227,116,124)
```
#e88a90
```
#e88a90 rgb(232,138,144)
```
#ec9fa4
```
#ec9fa4 rgb(236,159,164)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#f4c9cc
```
#f4c9cc rgb(244,201,204)
```
#f9dfe0
```
#f9dfe0 rgb(249,223,224)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Monochromatic Color

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

#f0b4c7
```
#f0b4c7 rgb(240,180,199)
```
#f0b4c2
```
#f0b4c2 rgb(240,180,194)
```
#f0b4bd
```
#f0b4bd rgb(240,180,189)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#f0b5b4
```
#f0b5b4 rgb(240,181,180)
```
#f0bab4
```
#f0bab4 rgb(240,186,180)
```
#f0bfb4
```
#f0bfb4 rgb(240,191,180)
```

Similar Colors

Text with hexadecimal color #f0b4b8

This text has a font color of #f0b4b8.

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

#f0b4b8 background color

This paragraph has a background color of #f0b4b8.

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

#f0b4b8 border color

This element has a border color of #f0b4b8.

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

CSS codes

.text {color:#f0b4b8;}

.background {background-color:#f0b4b8;}

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

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)
```
#170506
```
#170506 rgb(23,5,6)
```
#27080a
```
#27080a rgb(39,8,10)
```
#380b0e
```
#380b0e rgb(56,11,14)
```
#480e12
```
#480e12 rgb(72,14,18)
```
#581216
```
#581216 rgb(88,18,22)
```
#69151b
```
#69151b rgb(105,21,27)
```
#79181f
```
#79181f rgb(121,24,31)
```
#8a1c23
```
#8a1c23 rgb(138,28,35)
```
#9a1f27
```
#9a1f27 rgb(154,31,39)
```
#aa222b
```
#aa222b rgb(170,34,43)
```
#bb252f
```
#bb252f rgb(187,37,47)
```
#cb2933
```
#cb2933 rgb(203,41,51)
```

Shade Color Variation

#d6313c
```
#d6313c rgb(214,49,60)
```
#d9424c
```
#d9424c rgb(217,66,76)
```
#dc525b
```
#dc525b rgb(220,82,91)
```
#e0626b
```
#e0626b rgb(224,98,107)
```
#e3737a
```
#e3737a rgb(227,115,122)
```
#e6838a
```
#e6838a rgb(230,131,138)
```
#e99399
```
#e99399 rgb(233,147,153)
```
#eda4a9
```
#eda4a9 rgb(237,164,169)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#f3c4c7
```
#f3c4c7 rgb(243,196,199)
```
#f7d5d7
```
#f7d5d7 rgb(247,213,215)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#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 #fea6ac is the most saturated one.

#d4d0d0
```
#d4d0d0 rgb(212,208,208)
```
#d8cccd
```
#d8cccd rgb(216,204,205)
```
#dbc9ca
```
#dbc9ca rgb(219,201,202)
```
#dfc5c7
```
#dfc5c7 rgb(223,197,199)
```
#e2c2c4
```
#e2c2c4 rgb(226,194,196)
```
#e6bec1
```
#e6bec1 rgb(230,190,193)
```
#e9bbbe
```
#e9bbbe rgb(233,187,190)
```
#edb7bb
```
#edb7bb rgb(237,183,187)
```
#f0b4b8
```
#f0b4b8 rgb(240,180,184)
```
#f3b1b5
```
#f3b1b5 rgb(243,177,181)
```
#f7adb2
```
#f7adb2 rgb(247,173,178)
```
#faaaaf
```
#faaaaf rgb(250,170,175)
```
#fea6ac
```
#fea6ac rgb(254,166,172)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cec2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac5c2 Protanopia 1% of men
#ddbfb9 Deuteranopia 1% of men
#f1b6c3 Tritanopia 0.001% of the population

Trichromacy

#d8bfbe Protanomaly 1% of men, 0.01% of women
#e4bbb8 Deuteranomaly 6% of men, 0.4% of women
#f1b5bf Tritanomaly 0.01% of the population

#f0b4b8 hex color

#f0b4b8 Color Information

#f0b4b8 Color Conversion

Color Schemes with #f0b4b8

Alternatives to #f0b4b8

#f0b4b8 Preview

Shades and Tints of #f0b4b8

Tones of #f0b4b8

Color Blindness Simulator