#f48086 hex color

In a RGB color space, hex #f48086 is composed of 95.7% red, 50.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 45.1% yellow and 4.3% black. It has a hue angle of 356.9 degrees, a saturation of 84.1% and a lightness of 72.9%. #f48086 color hex could be obtained by blending #ffffff with #e9010d. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 50
- B 53
RGB color chart
- C 0
- M 48
- Y 45
- K 4
CMYK color chart

● #f48086 color description : Soft red.

The hexadecimal color #f48086 has RGB values of R:244, G:128, B:134 and CMYK values of C:0, M:0.48, Y:0.45, K:0.04. Its decimal value is 16023686.

Hex triplet	f48086	`#f48086`
RGB Decimal	244, 128, 134	`rgb(244,128,134)`
RGB Percent	95.7, 50.2, 52.5	`rgb(95.7%,50.2%,52.5%)`
CMYK	0, 48, 45, 4
HSL	356.9°, 84.1, 72.9	`hsl(356.9,84.1%,72.9%)`
HSV (or HSB)	356.9°, 47.5, 95.7
Web Safe	ff9999	`#ff9999`

CIE-LAB	66.822, 44.83, 17.176
XYZ	49.331, 36.396, 26.98
xyY	0.438, 0.323, 36.396
CIE-LCH	66.822, 48.007, 20.964
CIE-LUV	66.822, 81.627, 13.964
Hunter-Lab	60.33, 40.383, 15.715
Binary	11110100, 10000000, 10000110

#f48086
```
#f48086 rgb(244,128,134)
```
#80f4ee
```
#80f4ee rgb(128,244,238)
```

Complementary Color

#f480c0
```
#f480c0 rgb(244,128,192)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#f4b480
```
#f4b480 rgb(244,180,128)
```

Analogous Color

#80c0f4
```
#80c0f4 rgb(128,192,244)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#80f4b4
```
#80f4b4 rgb(128,244,180)
```

Split Complementary Color

#8086f4
```
#8086f4 rgb(128,134,244)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#86f480
```
#86f480 rgb(134,244,128)
```

Triadic Color

#ee80f4
```
#ee80f4 rgb(238,128,244)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#86f480
```
#86f480 rgb(134,244,128)
```
#80f4ee
```
#80f4ee rgb(128,244,238)
```

Tetradic Color

#ee3a43
```
#ee3a43 rgb(238,58,67)
```
#f05159
```
#f05159 rgb(240,81,89)
```
#f26970
```
#f26970 rgb(242,105,112)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#f6979c
```
#f6979c rgb(246,151,156)
```
#f8afb3
```
#f8afb3 rgb(248,175,179)
```
#fac6c9
```
#fac6c9 rgb(250,198,201)
```

Monochromatic Color

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

#f480a3
```
#f480a3 rgb(244,128,163)
```
#f48099
```
#f48099 rgb(244,128,153)
```
#f48090
```
#f48090 rgb(244,128,144)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#f48480
```
#f48480 rgb(244,132,128)
```
#f48d80
```
#f48d80 rgb(244,141,128)
```
#f49780
```
#f49780 rgb(244,151,128)
```

Similar Colors

Text with hexadecimal color #f48086

This text has a font color of #f48086.

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

#f48086 background color

This paragraph has a background color of #f48086.

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

#f48086 border color

This element has a border color of #f48086.

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

CSS codes

.text {color:#f48086;}

.background {background-color:#f48086;}

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

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

#110202
```
#110202 rgb(17,2,2)
```
#230305
```
#230305 rgb(35,3,5)
```
#360507
```
#360507 rgb(54,5,7)
```
#48060a
```
#48060a rgb(72,6,10)
```
#5a080c
```
#5a080c rgb(90,8,12)
```
#6c090e
```
#6c090e rgb(108,9,14)
```
#7e0b11
```
#7e0b11 rgb(126,11,17)
```
#900c13
```
#900c13 rgb(144,12,19)
```
#a20e16
```
#a20e16 rgb(162,14,22)
```
#b41018
```
#b41018 rgb(180,16,24)
```
#c6111a
```
#c6111a rgb(198,17,26)
```
#d8131d
```
#d8131d rgb(216,19,29)
```
#ea141f
```
#ea141f rgb(234,20,31)
```

Shade Color Variation

#ec2630
```
#ec2630 rgb(236,38,48)
```
#ee3841
```
#ee3841 rgb(238,56,65)
```
#ef4a52
```
#ef4a52 rgb(239,74,82)
```
#f15c64
```
#f15c64 rgb(241,92,100)
```
#f26e75
```
#f26e75 rgb(242,110,117)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#f69297
```
#f69297 rgb(246,146,151)
```
#f7a4a8
```
#f7a4a8 rgb(247,164,168)
```
#f9b6ba
```
#f9b6ba rgb(249,182,186)
```
#fac8cb
```
#fac8cb rgb(250,200,203)
```
#fcdadc
```
#fcdadc rgb(252,218,220)
```
#fdeced
```
#fdeced rgb(253,236,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#bfb5b6
```
#bfb5b6 rgb(191,181,182)
```
#c4b0b1
```
#c4b0b1 rgb(196,176,177)
```
#caaaac
```
#caaaac rgb(202,170,172)
```
#cfa5a7
```
#cfa5a7 rgb(207,165,167)
```
#d4a0a3
```
#d4a0a3 rgb(212,160,163)
```
#d99b9e
```
#d99b9e rgb(217,155,158)
```
#df9599
```
#df9599 rgb(223,149,153)
```
#e49094
```
#e49094 rgb(228,144,148)
```
#e98b90
```
#e98b90 rgb(233,139,144)
```
#ef858b
```
#ef858b rgb(239,133,139)
```
#f48086
```
#f48086 rgb(244,128,134)
```
#f97b81
```
#f97b81 rgb(249,123,129)
```
#ff757c
```
#ff757c rgb(255,117,124)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b39c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada69a Protanopia 1% of men
#c2a185 Deuteranopia 1% of men
#f4868e Tritanopia 0.001% of the population

Trichromacy

#c69893 Protanomaly 1% of men, 0.01% of women
#d49585 Deuteranomaly 6% of men, 0.4% of women
#f4838b Tritanomaly 0.01% of the population

#f48086 hex color

#f48086 Color Information

#f48086 Color Conversion

Color Schemes with #f48086

Alternatives to #f48086

#f48086 Preview

Shades and Tints of #f48086

Tones of #f48086

Color Blindness Simulator