#f48595 hex color

In a RGB color space, hex #f48595 is composed of 95.7% red, 52.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 38.9% yellow and 4.3% black. It has a hue angle of 351.4 degrees, a saturation of 83.5% and a lightness of 73.9%. #f48595 color hex could be obtained by blending #ffffff with #e90b2b. Closest websafe color is: #ff9999.

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

● #f48595 color description : Soft red.

The hexadecimal color #f48595 has RGB values of R:244, G:133, B:149 and CMYK values of C:0, M:0.45, Y:0.39, K:0.04. Its decimal value is 16024981.

Hex triplet	f48595	`#f48595`
RGB Decimal	244, 133, 149	`rgb(244,133,149)`
RGB Percent	95.7, 52.2, 58.4	`rgb(95.7%,52.2%,58.4%)`
CMYK	0, 45, 39, 4
HSL	351.4°, 83.5, 73.9	`hsl(351.4,83.5%,73.9%)`
HSV (or HSB)	351.4°, 45.5, 95.7
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.154, 43.888, 10.602
XYZ	51.121, 38.182, 33.11
xyY	0.418, 0.312, 38.182
CIE-LCH	68.154, 45.15, 13.581
CIE-LUV	68.154, 75.239, 6.06
Hunter-Lab	61.791, 39.542, 11.485
Binary	11110100, 10000101, 10010101

#f48595
```
#f48595 rgb(244,133,149)
```
#85f4e4
```
#85f4e4 rgb(133,244,228)
```

Complementary Color

#f485cd
```
#f485cd rgb(244,133,205)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#f4ad85
```
#f4ad85 rgb(244,173,133)
```

Analogous Color

#85cdf4
```
#85cdf4 rgb(133,205,244)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#85f4ad
```
#85f4ad rgb(133,244,173)
```

Split Complementary Color

#8595f4
```
#8595f4 rgb(133,149,244)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#95f485
```
#95f485 rgb(149,244,133)
```

Triadic Color

#e485f4
```
#e485f4 rgb(228,133,244)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#95f485
```
#95f485 rgb(149,244,133)
```
#85f4e4
```
#85f4e4 rgb(133,244,228)
```

Tetradic Color

#ee3f58
```
#ee3f58 rgb(238,63,88)
```
#f0566c
```
#f0566c rgb(240,86,108)
```
#f26e81
```
#f26e81 rgb(242,110,129)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#f69ca9
```
#f69ca9 rgb(246,156,169)
```
#f8b4be
```
#f8b4be rgb(248,180,190)
```
#facbd2
```
#facbd2 rgb(250,203,210)
```

Monochromatic Color

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

#f485b1
```
#f485b1 rgb(244,133,177)
```
#f485a8
```
#f485a8 rgb(244,133,168)
```
#f4859e
```
#f4859e rgb(244,133,158)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#f4858c
```
#f4858c rgb(244,133,140)
```
#f48885
```
#f48885 rgb(244,136,133)
```
#f49185
```
#f49185 rgb(244,145,133)
```

Similar Colors

Text with hexadecimal color #f48595

This text has a font color of #f48595.

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

#f48595 background color

This paragraph has a background color of #f48595.

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

#f48595 border color

This element has a border color of #f48595.

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

CSS codes

.text {color:#f48595;}

.background {background-color:#f48595;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160205
```
#160205 rgb(22,2,5)
```
#280409
```
#280409 rgb(40,4,9)
```
#3a050d
```
#3a050d rgb(58,5,13)
```
#4c0711
```
#4c0711 rgb(76,7,17)
```
#5e0815
```
#5e0815 rgb(94,8,21)
```
#700a19
```
#700a19 rgb(112,10,25)
```
#820c1d
```
#820c1d rgb(130,12,29)
```
#940d21
```
#940d21 rgb(148,13,33)
```
#a60f25
```
#a60f25 rgb(166,15,37)
```
#b81129
```
#b81129 rgb(184,17,41)
```
#ca122d
```
#ca122d rgb(202,18,45)
```
#dc1431
```
#dc1431 rgb(220,20,49)
```

Shade Color Variation

#ea1937
```
#ea1937 rgb(234,25,55)
```
#ec2b47
```
#ec2b47 rgb(236,43,71)
```
#ee3d56
```
#ee3d56 rgb(238,61,86)
```
#ef4f66
```
#ef4f66 rgb(239,79,102)
```
#f16176
```
#f16176 rgb(241,97,118)
```
#f27385
```
#f27385 rgb(242,115,133)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#f697a5
```
#f697a5 rgb(246,151,165)
```
#f7a9b4
```
#f7a9b4 rgb(247,169,180)
```
#f9bbc4
```
#f9bbc4 rgb(249,187,196)
```
#facdd4
```
#facdd4 rgb(250,205,212)
```
#fcdfe3
```
#fcdfe3 rgb(252,223,227)
```
#fef1f3
```
#fef1f3 rgb(254,241,243)
```

Tint Color Variation

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

#c1b8b9
```
#c1b8b9 rgb(193,184,185)
```
#c6b3b6
```
#c6b3b6 rgb(198,179,182)
```
#cbaeb2
```
#cbaeb2 rgb(203,174,178)
```
#d0a9ae
```
#d0a9ae rgb(208,169,174)
```
#d5a4ab
```
#d5a4ab rgb(213,164,171)
```
#da9fa7
```
#da9fa7 rgb(218,159,167)
```
#e099a4
```
#e099a4 rgb(224,153,164)
```
#e594a0
```
#e594a0 rgb(229,148,160)
```
#ea8f9c
```
#ea8f9c rgb(234,143,156)
```
#ef8a99
```
#ef8a99 rgb(239,138,153)
```
#f48595
```
#f48595 rgb(244,133,149)
```
#f98091
```
#f98091 rgb(249,128,145)
```
#fe7b8e
```
#fe7b8e rgb(254,123,142)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b7a1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada9a9 Protanopia 1% of men
#c2a493 Deuteranopia 1% of men
#f48c95 Tritanopia 0.001% of the population

Trichromacy

#c79ca1 Protanomaly 1% of men, 0.01% of women
#d49994 Deuteranomaly 6% of men, 0.4% of women
#f48995 Tritanomaly 0.01% of the population

#f48595 hex color

#f48595 Color Information

#f48595 Color Conversion

Color Schemes with #f48595

Alternatives to #f48595

#f48595 Preview

Shades and Tints of #f48595

Tones of #f48595

Color Blindness Simulator