#f48e7e hex color

In a RGB color space, hex #f48e7e is composed of 95.7% red, 55.7% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 48.4% yellow and 4.3% black. It has a hue angle of 8.1 degrees, a saturation of 84.3% and a lightness of 72.5%. #f48e7e color hex could be obtained by blending #fffffc with #e91d00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 56
- B 49
RGB color chart
- C 0
- M 42
- Y 48
- K 4
CMYK color chart

● #f48e7e color description : Soft red.

The hexadecimal color #f48e7e has RGB values of R:244, G:142, B:126 and CMYK values of C:0, M:0.42, Y:0.48, K:0.04. Its decimal value is 16027262.

Hex triplet	f48e7e	`#f48e7e`
RGB Decimal	244, 142, 126	`rgb(244,142,126)`
RGB Percent	95.7, 55.7, 49.4	`rgb(95.7%,55.7%,49.4%)`
CMYK	0, 42, 48, 4
HSL	8.1°, 84.3, 72.5	`hsl(8.1,84.3%,72.5%)`
HSV (or HSB)	8.1°, 48.4, 95.7
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.533, 36.954, 25.325
XYZ	50.748, 40.089, 24.803
xyY	0.439, 0.347, 40.089
CIE-LCH	69.533, 44.799, 34.424
CIE-LUV	69.533, 73.737, 25.58
Hunter-Lab	63.316, 32.266, 21.095
Binary	11110100, 10001110, 01111110

#f48e7e
```
#f48e7e rgb(244,142,126)
```
#7ee4f4
```
#7ee4f4 rgb(126,228,244)
```

Complementary Color

#f47ea9
```
#f47ea9 rgb(244,126,169)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#f4c97e
```
#f4c97e rgb(244,201,126)
```

Analogous Color

#7ea9f4
```
#7ea9f4 rgb(126,169,244)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#7ef4c9
```
#7ef4c9 rgb(126,244,201)
```

Split Complementary Color

#8e7ef4
```
#8e7ef4 rgb(142,126,244)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#7ef48e
```
#7ef48e rgb(126,244,142)
```

Triadic Color

#f47ee4
```
#f47ee4 rgb(244,126,228)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#7ef48e
```
#7ef48e rgb(126,244,142)
```
#7ee4f4
```
#7ee4f4 rgb(126,228,244)
```

Tetradic Color

#ee5038
```
#ee5038 rgb(238,80,56)
```
#f0654f
```
#f0654f rgb(240,101,79)
```
#f27967
```
#f27967 rgb(242,121,103)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#f6a395
```
#f6a395 rgb(246,163,149)
```
#f8b7ad
```
#f8b7ad rgb(248,183,173)
```
#faccc4
```
#faccc4 rgb(250,204,196)
```

Monochromatic Color

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

#f47e8c
```
#f47e8c rgb(244,126,140)
```
#f47e82
```
#f47e82 rgb(244,126,130)
```
#f4847e
```
#f4847e rgb(244,132,126)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#f4987e
```
#f4987e rgb(244,152,126)
```
#f4a27e
```
#f4a27e rgb(244,162,126)
```
#f4ac7e
```
#f4ac7e rgb(244,172,126)
```

Similar Colors

Text with hexadecimal color #f48e7e

This text has a font color of #f48e7e.

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

#f48e7e background color

This paragraph has a background color of #f48e7e.

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

#f48e7e border color

This element has a border color of #f48e7e.

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

CSS codes

.text {color:#f48e7e;}

.background {background-color:#f48e7e;}

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

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

#100301
```
#100301 rgb(16,3,1)
```
#220703
```
#220703 rgb(34,7,3)
```
#340b04
```
#340b04 rgb(52,11,4)
```
#460f06
```
#460f06 rgb(70,15,6)
```
#581207
```
#581207 rgb(88,18,7)
```
#6a1609
```
#6a1609 rgb(106,22,9)
```
#7c1a0b
```
#7c1a0b rgb(124,26,11)
```
#8e1e0c
```
#8e1e0c rgb(142,30,12)
```
#a0220e
```
#a0220e rgb(160,34,14)
```
#b2250f
```
#b2250f rgb(178,37,15)
```
#c42911
```
#c42911 rgb(196,41,17)
```
#d62d12
```
#d62d12 rgb(214,45,18)
```
#e83114
```
#e83114 rgb(232,49,20)
```

Shade Color Variation

#ec3f24
```
#ec3f24 rgb(236,63,36)
```
#ee4f36
```
#ee4f36 rgb(238,79,54)
```
#ef5f48
```
#ef5f48 rgb(239,95,72)
```
#f16e5a
```
#f16e5a rgb(241,110,90)
```
#f27e6c
```
#f27e6c rgb(242,126,108)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#f69e90
```
#f69e90 rgb(246,158,144)
```
#f7aea2
```
#f7aea2 rgb(247,174,162)
```
#f9bdb4
```
#f9bdb4 rgb(249,189,180)
```
#facdc6
```
#facdc6 rgb(250,205,198)
```
#fcddd8
```
#fcddd8 rgb(252,221,216)
```
#fdedea
```
#fdedea rgb(253,237,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#beb5b4
```
#beb5b4 rgb(190,181,180)
```
#c4b1ae
```
#c4b1ae rgb(196,177,174)
```
#c9ada9
```
#c9ada9 rgb(201,173,169)
```
#cea9a4
```
#cea9a4 rgb(206,169,164)
```
#d4a69e
```
#d4a69e rgb(212,166,158)
```
#d9a299
```
#d9a299 rgb(217,162,153)
```
#de9e94
```
#de9e94 rgb(222,158,148)
```
#e49a8e
```
#e49a8e rgb(228,154,142)
```
#e99689
```
#e99689 rgb(233,150,137)
```
#ef9283
```
#ef9283 rgb(239,146,131)
```
#f48e7e
```
#f48e7e rgb(244,142,126)
```
#f98a79
```
#f98a79 rgb(249,138,121)
```
#ff8673
```
#ff8673 rgb(255,134,115)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#baa5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ad8f Protanopia 1% of men
#cda77f Deuteranopia 1% of men
#f6909a Tritanopia 0.001% of the population

Trichromacy

#cda289 Protanomaly 1% of men, 0.01% of women
#db9e7f Deuteranomaly 6% of men, 0.4% of women
#f58f8f Tritanomaly 0.01% of the population

#f48e7e hex color

#f48e7e Color Information

#f48e7e Color Conversion

Color Schemes with #f48e7e

Alternatives to #f48e7e

#f48e7e Preview

Shades and Tints of #f48e7e

Tones of #f48e7e

Color Blindness Simulator