#f2b8aa hex color

In a RGB color space, hex #f2b8aa is composed of 94.9% red, 72.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 29.8% yellow and 5.1% black. It has a hue angle of 11.7 degrees, a saturation of 73.5% and a lightness of 80.8%. #f2b8aa color hex could be obtained by blending #ffffff with #e57155. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 72
- B 67
RGB color chart
- C 0
- M 24
- Y 30
- K 5
CMYK color chart

● #f2b8aa color description : Very soft red.

The hexadecimal color #f2b8aa has RGB values of R:242, G:184, B:170 and CMYK values of C:0, M:0.24, Y:0.3, K:0.05. Its decimal value is 15906986.

Hex triplet	f2b8aa	`#f2b8aa`
RGB Decimal	242, 184, 170	`rgb(242,184,170)`
RGB Percent	94.9, 72.2, 66.7	`rgb(94.9%,72.2%,66.7%)`
CMYK	0, 24, 30, 5
HSL	11.7°, 73.5, 80.8	`hsl(11.7,73.5%,80.8%)`
HSV (or HSB)	11.7°, 29.8, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	79.65, 19.038, 15.24
XYZ	61.014, 56.063, 45.635
xyY	0.375, 0.345, 56.063
CIE-LCH	79.65, 24.386, 38.678
CIE-LUV	79.65, 38.4, 17.969
Hunter-Lab	74.875, 14.423, 16.276
Binary	11110010, 10111000, 10101010

#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#aae4f2
```
#aae4f2 rgb(170,228,242)
```

Complementary Color

#f2aac0
```
#f2aac0 rgb(242,170,192)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#f2dcaa
```
#f2dcaa rgb(242,220,170)
```

Analogous Color

#aac0f2
```
#aac0f2 rgb(170,192,242)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#aaf2dc
```
#aaf2dc rgb(170,242,220)
```

Split Complementary Color

#b8aaf2
```
#b8aaf2 rgb(184,170,242)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#aaf2b8
```
#aaf2b8 rgb(170,242,184)
```

Triadic Color

#f2aae4
```
#f2aae4 rgb(242,170,228)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#aaf2b8
```
#aaf2b8 rgb(170,242,184)
```
#aae4f2
```
#aae4f2 rgb(170,228,242)
```

Tetradic Color

#e88168
```
#e88168 rgb(232,129,104)
```
#eb937e
```
#eb937e rgb(235,147,126)
```
#efa694
```
#efa694 rgb(239,166,148)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#f5cac0
```
#f5cac0 rgb(245,202,192)
```
#f9ddd6
```
#f9ddd6 rgb(249,221,214)
```
#fcefec
```
#fcefec rgb(252,239,236)
```

Monochromatic Color

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

#f2aaae
```
#f2aaae rgb(242,170,174)
```
#f2acaa
```
#f2acaa rgb(242,172,170)
```
#f2b2aa
```
#f2b2aa rgb(242,178,170)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#f2beaa
```
#f2beaa rgb(242,190,170)
```
#f2c4aa
```
#f2c4aa rgb(242,196,170)
```
#f2caaa
```
#f2caaa rgb(242,202,170)
```

Similar Colors

Text with hexadecimal color #f2b8aa

This text has a font color of #f2b8aa.

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

#f2b8aa background color

This paragraph has a background color of #f2b8aa.

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

#f2b8aa border color

This element has a border color of #f2b8aa.

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

CSS codes

.text {color:#f2b8aa;}

.background {background-color:#f2b8aa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110503
```
#110503 rgb(17,5,3)
```
#220b05
```
#220b05 rgb(34,11,5)
```
#331008
```
#331008 rgb(51,16,8)
```
#44160a
```
#44160a rgb(68,22,10)
```
#551b0d
```
#551b0d rgb(85,27,13)
```
#662010
```
#662010 rgb(102,32,16)
```
#772612
```
#772612 rgb(119,38,18)
```
#882b15
```
#882b15 rgb(136,43,21)
```
#993117
```
#993117 rgb(153,49,23)
```
#aa361a
```
#aa361a rgb(170,54,26)
```
#bb3b1d
```
#bb3b1d rgb(187,59,29)
```
#cc411f
```
#cc411f rgb(204,65,31)
```

Shade Color Variation

#dd4622
```
#dd4622 rgb(221,70,34)
```
#e05533
```
#e05533 rgb(224,85,51)
```
#e26344
```
#e26344 rgb(226,99,68)
```
#e57155
```
#e57155 rgb(229,113,85)
```
#e87f66
```
#e87f66 rgb(232,127,102)
```
#ea8d77
```
#ea8d77 rgb(234,141,119)
```
#ed9c88
```
#ed9c88 rgb(237,156,136)
```
#efaa99
```
#efaa99 rgb(239,170,153)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#f5c6bb
```
#f5c6bb rgb(245,198,187)
```
#f7d4cc
```
#f7d4cc rgb(247,212,204)
```
#fae3dd
```
#fae3dd rgb(250,227,221)
```
#fcf1ee
```
#fcf1ee rgb(252,241,238)
```

Tint Color Variation

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

#d0cdcc
```
#d0cdcc rgb(208,205,204)
```
#d4cac8
```
#d4cac8 rgb(212,202,200)
```
#d8c8c4
```
#d8c8c4 rgb(216,200,196)
```
#dbc6c1
```
#dbc6c1 rgb(219,198,193)
```
#dfc4bd
```
#dfc4bd rgb(223,196,189)
```
#e3c1b9
```
#e3c1b9 rgb(227,193,185)
```
#e7bfb5
```
#e7bfb5 rgb(231,191,181)
```
#eabdb2
```
#eabdb2 rgb(234,189,178)
```
#eebaae
```
#eebaae rgb(238,186,174)
```
#f2b8aa
```
#f2b8aa rgb(242,184,170)
```
#f6b6a6
```
#f6b6a6 rgb(246,182,166)
```
#fab3a2
```
#fab3a2 rgb(250,179,162)
```
#fdb19f
```
#fdb19f rgb(253,177,159)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d0c5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c7b4 Protanopia 1% of men
#e4c1ac Deuteranopia 1% of men
#f5b8c5 Tritanopia 0.001% of the population

Trichromacy

#dcc2b0 Protanomaly 1% of men, 0.01% of women
#e9bdab Deuteranomaly 6% of men, 0.4% of women
#f4b8bb Tritanomaly 0.01% of the population

#f2b8aa hex color

#f2b8aa Color Information

#f2b8aa Color Conversion

Color Schemes with #f2b8aa

Alternatives to #f2b8aa

#f2b8aa Preview

Shades and Tints of #f2b8aa

Tones of #f2b8aa

Color Blindness Simulator