#f48d75 hex color

In a RGB color space, hex #f48d75 is composed of 95.7% red, 55.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 52% yellow and 4.3% black. It has a hue angle of 11.3 degrees, a saturation of 85.2% and a lightness of 70.8%. #f48d75 color hex could be obtained by blending #ffffea with #e91b00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 55
- B 46
RGB color chart
- C 0
- M 42
- Y 52
- K 4
CMYK color chart

● #f48d75 color description : Soft red.

The hexadecimal color #f48d75 has RGB values of R:244, G:141, B:117 and CMYK values of C:0, M:0.42, Y:0.52, K:0.04. Its decimal value is 16026997.

Hex triplet	f48d75	`#f48d75`
RGB Decimal	244, 141, 117	`rgb(244,141,117)`
RGB Percent	95.7, 55.3, 45.9	`rgb(95.7%,55.3%,45.9%)`
CMYK	0, 42, 52, 4
HSL	11.3°, 85.2, 70.8	`hsl(11.3,85.2%,70.8%)`
HSV (or HSB)	11.3°, 52, 95.7
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.163, 36.667, 29.774
XYZ	50.045, 39.571, 21.831
xyY	0.449, 0.355, 39.571
CIE-LCH	69.163, 47.233, 39.077
CIE-LUV	69.163, 75.94, 30.482
Hunter-Lab	62.905, 31.923, 23.457
Binary	11110100, 10001101, 01110101

#f48d75
```
#f48d75 rgb(244,141,117)
```
#75dcf4
```
#75dcf4 rgb(117,220,244)
```

Complementary Color

#f4759d
```
#f4759d rgb(244,117,157)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#f4cd75
```
#f4cd75 rgb(244,205,117)
```

Analogous Color

#759df4
```
#759df4 rgb(117,157,244)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#75f4cd
```
#75f4cd rgb(117,244,205)
```

Split Complementary Color

#8d75f4
```
#8d75f4 rgb(141,117,244)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#75f48d
```
#75f48d rgb(117,244,141)
```

Triadic Color

#f475dc
```
#f475dc rgb(244,117,220)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#75f48d
```
#75f48d rgb(117,244,141)
```
#75dcf4
```
#75dcf4 rgb(117,220,244)
```

Tetradic Color

#ee522e
```
#ee522e rgb(238,82,46)
```
#f06646
```
#f06646 rgb(240,102,70)
```
#f2795d
```
#f2795d rgb(242,121,93)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#f6a18d
```
#f6a18d rgb(246,161,141)
```
#f8b4a4
```
#f8b4a4 rgb(248,180,164)
```
#fac8bc
```
#fac8bc rgb(250,200,188)
```

Monochromatic Color

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

#f4757d
```
#f4757d rgb(244,117,125)
```
#f47875
```
#f47875 rgb(244,120,117)
```
#f48275
```
#f48275 rgb(244,130,117)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#f49875
```
#f49875 rgb(244,152,117)
```
#f4a275
```
#f4a275 rgb(244,162,117)
```
#f4ad75
```
#f4ad75 rgb(244,173,117)
```

Similar Colors

Text with hexadecimal color #f48d75

This text has a font color of #f48d75.

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

#f48d75 background color

This paragraph has a background color of #f48d75.

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

#f48d75 border color

This element has a border color of #f48d75.

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

CSS codes

.text {color:#f48d75;}

.background {background-color:#f48d75;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#1a0602
```
#1a0602 rgb(26,6,2)
```
#2c0b03
```
#2c0b03 rgb(44,11,3)
```
#3e1005
```
#3e1005 rgb(62,16,5)
```
#501406
```
#501406 rgb(80,20,6)
```
#621908
```
#621908 rgb(98,25,8)
```
#741e09
```
#741e09 rgb(116,30,9)
```
#87220b
```
#87220b rgb(135,34,11)
```
#99270c
```
#99270c rgb(153,39,12)
```
#ab2b0e
```
#ab2b0e rgb(171,43,14)
```
#bd300f
```
#bd300f rgb(189,48,15)
```
#cf3511
```
#cf3511 rgb(207,53,17)
```
#e13912
```
#e13912 rgb(225,57,18)
```

Shade Color Variation

#ed421a
```
#ed421a rgb(237,66,26)
```
#ee512c
```
#ee512c rgb(238,81,44)
```
#f0603e
```
#f0603e rgb(240,96,62)
```
#f16f51
```
#f16f51 rgb(241,111,81)
```
#f37e63
```
#f37e63 rgb(243,126,99)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#f59c87
```
#f59c87 rgb(245,156,135)
```
#f7ab99
```
#f7ab99 rgb(247,171,153)
```
#f8baac
```
#f8baac rgb(248,186,172)
```
#fac9be
```
#fac9be rgb(250,201,190)
```
#fbd8d0
```
#fbd8d0 rgb(251,216,208)
```
#fde7e2
```
#fde7e2 rgb(253,231,226)
```
#fef6f4
```
#fef6f4 rgb(254,246,244)
```

Tint Color Variation

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

#b5b4b4
```
#b5b4b4 rgb(181,180,180)
```
#bbb1ae
```
#bbb1ae rgb(187,177,174)
```
#c0ada9
```
#c0ada9 rgb(192,173,169)
```
#c6aaa3
```
#c6aaa3 rgb(198,170,163)
```
#cca69d
```
#cca69d rgb(204,166,157)
```
#d2a297
```
#d2a297 rgb(210,162,151)
```
#d79f92
```
#d79f92 rgb(215,159,146)
```
#dd9b8c
```
#dd9b8c rgb(221,155,140)
```
#e39886
```
#e39886 rgb(227,152,134)
```
#e99480
```
#e99480 rgb(233,148,128)
```
#ee917b
```
#ee917b rgb(238,145,123)
```
#f48d75
```
#f48d75 rgb(244,141,117)
```
#fa896f
```
#fa896f rgb(250,137,111)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b8a39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ad86 Protanopia 1% of men
#cea677 Deuteranopia 1% of men
#f68e98 Tritanopia 0.001% of the population

Trichromacy

#cea180 Protanomaly 1% of men, 0.01% of women
#dc9d76 Deuteranomaly 6% of men, 0.4% of women
#f58e8b Tritanomaly 0.01% of the population

#f48d75 hex color

#f48d75 Color Information

#f48d75 Color Conversion

Color Schemes with #f48d75

Alternatives to #f48d75

#f48d75 Preview

Shades and Tints of #f48d75

Tones of #f48d75

Color Blindness Simulator