#f48f95 hex color

In a RGB color space, hex #f48f95 is composed of 95.7% red, 56.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 38.9% yellow and 4.3% black. It has a hue angle of 356.4 degrees, a saturation of 82.1% and a lightness of 75.9%. #f48f95 color hex could be obtained by blending #ffffff with #e91f2b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 56
- B 58
RGB color chart
- C 0
- M 41
- Y 39
- K 4
CMYK color chart

● #f48f95 color description : Very soft red.

The hexadecimal color #f48f95 has RGB values of R:244, G:143, B:149 and CMYK values of C:0, M:0.41, Y:0.39, K:0.04. Its decimal value is 16027541.

Hex triplet	f48f95	`#f48f95`
RGB Decimal	244, 143, 149	`rgb(244,143,149)`
RGB Percent	95.7, 56.1, 58.4	`rgb(95.7%,56.1%,58.4%)`
CMYK	0, 41, 39, 4
HSL	356.4°, 82.1, 75.9	`hsl(356.4,82.1%,75.9%)`
HSV (or HSB)	356.4°, 41.4, 95.7
Web Safe	ff9999	`#ff9999`

CIE-LAB	70.212, 38.788, 13.505
XYZ	52.556, 41.051, 33.588
xyY	0.413, 0.323, 41.051
CIE-LCH	70.212, 41.072, 19.197
CIE-LUV	70.212, 68.914, 11.001
Hunter-Lab	64.071, 34.294, 13.769
Binary	11110100, 10001111, 10010101

#f48f95
```
#f48f95 rgb(244,143,149)
```
#8ff4ee
```
#8ff4ee rgb(143,244,238)
```

Complementary Color

#f48fc8
```
#f48fc8 rgb(244,143,200)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#f4bc8f
```
#f4bc8f rgb(244,188,143)
```

Analogous Color

#8fc8f4
```
#8fc8f4 rgb(143,200,244)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#8ff4bc
```
#8ff4bc rgb(143,244,188)
```

Split Complementary Color

#8f95f4
```
#8f95f4 rgb(143,149,244)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#95f48f
```
#95f48f rgb(149,244,143)
```

Triadic Color

#ee8ff4
```
#ee8ff4 rgb(238,143,244)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#95f48f
```
#95f48f rgb(149,244,143)
```
#8ff4ee
```
#8ff4ee rgb(143,244,238)
```

Tetradic Color

#ed4953
```
#ed4953 rgb(237,73,83)
```
#ef6169
```
#ef6169 rgb(239,97,105)
```
#f2787f
```
#f2787f rgb(242,120,127)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#f6a6ab
```
#f6a6ab rgb(246,166,171)
```
#f9bdc1
```
#f9bdc1 rgb(249,189,193)
```
#fbd5d7
```
#fbd5d7 rgb(251,213,215)
```

Monochromatic Color

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

#f48fae
```
#f48fae rgb(244,143,174)
```
#f48fa6
```
#f48fa6 rgb(244,143,166)
```
#f48f9d
```
#f48f9d rgb(244,143,157)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#f4918f
```
#f4918f rgb(244,145,143)
```
#f49a8f
```
#f49a8f rgb(244,154,143)
```
#f4a28f
```
#f4a28f rgb(244,162,143)
```

Similar Colors

Text with hexadecimal color #f48f95

This text has a font color of #f48f95.

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

#f48f95 background color

This paragraph has a background color of #f48f95.

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

#f48f95 border color

This element has a border color of #f48f95.

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

CSS codes

.text {color:#f48f95;}

.background {background-color:#f48f95;}

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

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, #0d0102 is the darkest color, while #fffafa is the lightest one.

#0d0102
```
#0d0102 rgb(13,1,2)
```
#1f0305
```
#1f0305 rgb(31,3,5)
```
#310507
```
#310507 rgb(49,5,7)
```
#43070a
```
#43070a rgb(67,7,10)
```
#54080d
```
#54080d rgb(84,8,13)
```
#660a10
```
#660a10 rgb(102,10,16)
```
#780c12
```
#780c12 rgb(120,12,18)
```
#8a0e15
```
#8a0e15 rgb(138,14,21)
```
#9c0f18
```
#9c0f18 rgb(156,15,24)
```
#ae111a
```
#ae111a rgb(174,17,26)
```
#c0131d
```
#c0131d rgb(192,19,29)
```
#d21520
```
#d21520 rgb(210,21,32)
```
#e31623
```
#e31623 rgb(227,22,35)
```

Shade Color Variation

#e92430
```
#e92430 rgb(233,36,48)
```
#eb3640
```
#eb3640 rgb(235,54,64)
```
#ed4851
```
#ed4851 rgb(237,72,81)
```
#ef5962
```
#ef5962 rgb(239,89,98)
```
#f06b73
```
#f06b73 rgb(240,107,115)
```
#f27d84
```
#f27d84 rgb(242,125,132)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#f6a1a6
```
#f6a1a6 rgb(246,161,166)
```
#f8b3b7
```
#f8b3b7 rgb(248,179,183)
```
#f9c5c8
```
#f9c5c8 rgb(249,197,200)
```
#fbd6d9
```
#fbd6d9 rgb(251,214,217)
```
#fde8ea
```
#fde8ea rgb(253,232,234)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#c5bebf
```
#c5bebf rgb(197,190,191)
```
#c9babb
```
#c9babb rgb(201,186,187)
```
#ceb5b6
```
#ceb5b6 rgb(206,181,182)
```
#d3b0b2
```
#d3b0b2 rgb(211,176,178)
```
#d8abae
```
#d8abae rgb(216,171,174)
```
#dca7aa
```
#dca7aa rgb(220,167,170)
```
#e1a2a6
```
#e1a2a6 rgb(225,162,166)
```
#e69da2
```
#e69da2 rgb(230,157,162)
```
#eb989d
```
#eb989d rgb(235,152,157)
```
#ef9499
```
#ef9499 rgb(239,148,153)
```
#f48f95
```
#f48f95 rgb(244,143,149)
```
#f98a91
```
#f98a91 rgb(249,138,145)
```
#fd868d
```
#fd868d rgb(253,134,141)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#bca8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afa7 Protanopia 1% of men
#c9a995 Deuteranopia 1% of men
#f4949e Tritanopia 0.001% of the population

Trichromacy

#cba3a0 Protanomaly 1% of men, 0.01% of women
#d99f95 Deuteranomaly 6% of men, 0.4% of women
#f4929a Tritanomaly 0.01% of the population

#f48f95 hex color

#f48f95 Color Information

#f48f95 Color Conversion

Color Schemes with #f48f95

Alternatives to #f48f95

#f48f95 Preview

Shades and Tints of #f48f95

Tones of #f48f95

Color Blindness Simulator