#f88166 hex color

In a RGB color space, hex #f88166 is composed of 97.3% red, 50.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 58.9% yellow and 2.7% black. It has a hue angle of 11.1 degrees, a saturation of 91.3% and a lightness of 68.6%. #f88166 color hex could be obtained by blending #ffffcc with #f10300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 97
- G 51
- B 40
RGB color chart
- C 0
- M 48
- Y 59
- K 3
CMYK color chart

● #f88166 color description : Soft red.

The hexadecimal color #f88166 has RGB values of R:248, G:129, B:102 and CMYK values of C:0, M:0.48, Y:0.59, K:0.03. Its decimal value is 16286054.

Hex triplet	f88166	`#f88166`
RGB Decimal	248, 129, 102	`rgb(248,129,102)`
RGB Percent	97.3, 50.6, 40	`rgb(97.3%,50.6%,40%)`
CMYK	0, 48, 59, 3
HSL	11.1°, 91.3, 68.6	`hsl(11.1,91.3%,68.6%)`
HSV (or HSB)	11.1°, 58.9, 97.3
Web Safe	ff9966	`#ff9966`

CIE-LAB	66.991, 43.092, 35.268
XYZ	48.961, 36.62, 17.06
xyY	0.477, 0.357, 36.62
CIE-LCH	66.991, 55.684, 39.299
CIE-LUV	66.991, 90.326, 34.093
Hunter-Lab	60.515, 38.52, 25.646
Binary	11111000, 10000001, 01100110

#f88166
```
#f88166 rgb(248,129,102)
```
#66ddf8
```
#66ddf8 rgb(102,221,248)
```

Complementary Color

#f86694
```
#f86694 rgb(248,102,148)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#f8ca66
```
#f8ca66 rgb(248,202,102)
```

Analogous Color

#6694f8
```
#6694f8 rgb(102,148,248)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#66f8ca
```
#66f8ca rgb(102,248,202)
```

Split Complementary Color

#8166f8
```
#8166f8 rgb(129,102,248)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#66f881
```
#66f881 rgb(102,248,129)
```

Triadic Color

#f866dd
```
#f866dd rgb(248,102,221)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#66f881
```
#66f881 rgb(102,248,129)
```
#66ddf8
```
#66ddf8 rgb(102,221,248)
```

Tetradic Color

#f5451d
```
#f5451d rgb(245,69,29)
```
#f65935
```
#f65935 rgb(246,89,53)
```
#f76d4e
```
#f76d4e rgb(247,109,78)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#f9957e
```
#f9957e rgb(249,149,126)
```
#faa997
```
#faa997 rgb(250,169,151)
```
#fbbdaf
```
#fbbdaf rgb(251,189,175)
```

Monochromatic Color

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

#f86670
```
#f86670 rgb(248,102,112)
```
#f86966
```
#f86966 rgb(248,105,102)
```
#f87566
```
#f87566 rgb(248,117,102)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#f88d66
```
#f88d66 rgb(248,141,102)
```
#f89966
```
#f89966 rgb(248,153,102)
```
#f8a666
```
#f8a666 rgb(248,166,102)
```

Similar Colors

Text with hexadecimal color #f88166

This text has a font color of #f88166.

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

#f88166 background color

This paragraph has a background color of #f88166.

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

#f88166 border color

This element has a border color of #f88166.

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

CSS codes

.text {color:#f88166;}

.background {background-color:#f88166;}

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

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

#100401
```
#100401 rgb(16,4,1)
```
#230802
```
#230802 rgb(35,8,2)
```
#350c02
```
#350c02 rgb(53,12,2)
```
#481003
```
#481003 rgb(72,16,3)
```
#5b1404
```
#5b1404 rgb(91,20,4)
```
#6e1805
```
#6e1805 rgb(110,24,5)
```
#801d06
```
#801d06 rgb(128,29,6)
```
#932107
```
#932107 rgb(147,33,7)
```
#a62508
```
#a62508 rgb(166,37,8)
```
#b92908
```
#b92908 rgb(185,41,8)
```
#cb2d09
```
#cb2d09 rgb(203,45,9)
```
#de310a
```
#de310a rgb(222,49,10)
```
#f1360b
```
#f1360b rgb(241,54,11)
```

Shade Color Variation

#f5431b
```
#f5431b rgb(245,67,27)
```
#f5532e
```
#f5532e rgb(245,83,46)
```
#f66240
```
#f66240 rgb(246,98,64)
```
#f77253
```
#f77253 rgb(247,114,83)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#f99079
```
#f99079 rgb(249,144,121)
```
#faa08c
```
#faa08c rgb(250,160,140)
```
#fbaf9e
```
#fbaf9e rgb(251,175,158)
```
#fbbfb1
```
#fbbfb1 rgb(251,191,177)
```
#fccec4
```
#fccec4 rgb(252,206,196)
```
#fdded7
```
#fdded7 rgb(253,222,215)
```
#feede9
```
#feede9 rgb(254,237,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b4acaa
```
#b4acaa rgb(180,172,170)
```
#baa8a4
```
#baa8a4 rgb(186,168,164)
```
#c1a49d
```
#c1a49d rgb(193,164,157)
```
#c7a097
```
#c7a097 rgb(199,160,151)
```
#cd9c91
```
#cd9c91 rgb(205,156,145)
```
#d3988b
```
#d3988b rgb(211,152,139)
```
#d99485
```
#d99485 rgb(217,148,133)
```
#df917f
```
#df917f rgb(223,145,127)
```
#e68d78
```
#e68d78 rgb(230,141,120)
```
#ec8972
```
#ec8972 rgb(236,137,114)
```
#f2856c
```
#f2856c rgb(242,133,108)
```
#f88166
```
#f88166 rgb(248,129,102)
```
#fe7d60
```
#fe7d60 rgb(254,125,96)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b39b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a779 Protanopia 1% of men
#caa067 Deuteranopia 1% of men
#fa838b Tritanopia 0.001% of the population

Trichromacy

#cc9972 Protanomaly 1% of men, 0.01% of women
#da9566 Deuteranomaly 6% of men, 0.4% of women
#f9827e Tritanomaly 0.01% of the population

#f88166 hex color

#f88166 Color Information

#f88166 Color Conversion

Color Schemes with #f88166

Alternatives to #f88166

#f88166 Preview

Shades and Tints of #f88166

Tones of #f88166

Color Blindness Simulator