#f48596 hex color

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

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

● #f48596 color description : Soft red.

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

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

CIE-LAB	68.178, 43.999, 10.073
XYZ	51.201, 38.214, 33.532
xyY	0.416, 0.311, 38.214
CIE-LCH	68.178, 45.137, 12.896
CIE-LUV	68.178, 75.025, 5.353
Hunter-Lab	61.817, 39.666, 11.111
Binary	11110100, 10000101, 10010110

#f48596
```
#f48596 rgb(244,133,150)
```
#85f4e3
```
#85f4e3 rgb(133,244,227)
```

Complementary Color

#f485ce
```
#f485ce rgb(244,133,206)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#f4ac85
```
#f4ac85 rgb(244,172,133)
```

Analogous Color

#85cef4
```
#85cef4 rgb(133,206,244)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#85f4ac
```
#85f4ac rgb(133,244,172)
```

Split Complementary Color

#8596f4
```
#8596f4 rgb(133,150,244)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#96f485
```
#96f485 rgb(150,244,133)
```

Triadic Color

#e385f4
```
#e385f4 rgb(227,133,244)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#96f485
```
#96f485 rgb(150,244,133)
```
#85f4e3
```
#85f4e3 rgb(133,244,227)
```

Tetradic Color

#ee3f5a
```
#ee3f5a rgb(238,63,90)
```
#f0566e
```
#f0566e rgb(240,86,110)
```
#f26e82
```
#f26e82 rgb(242,110,130)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#f69caa
```
#f69caa rgb(246,156,170)
```
#f8b4be
```
#f8b4be rgb(248,180,190)
```
#facbd2
```
#facbd2 rgb(250,203,210)
```

Monochromatic Color

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

#f485b2
```
#f485b2 rgb(244,133,178)
```
#f485a9
```
#f485a9 rgb(244,133,169)
```
#f4859f
```
#f4859f rgb(244,133,159)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#f4858d
```
#f4858d rgb(244,133,141)
```
#f48785
```
#f48785 rgb(244,135,133)
```
#f49085
```
#f49085 rgb(244,144,133)
```

Similar Colors

Text with hexadecimal color #f48596

This text has a font color of #f48596.

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

#f48596 background color

This paragraph has a background color of #f48596.

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

#f48596 border color

This element has a border color of #f48596.

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

CSS codes

.text {color:#f48596;}

.background {background-color:#f48596;}

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

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)
```
#5e0816
```
#5e0816 rgb(94,8,22)
```
#700a1a
```
#700a1a rgb(112,10,26)
```
#820c1e
```
#820c1e rgb(130,12,30)
```
#940d22
```
#940d22 rgb(148,13,34)
```
#a60f26
```
#a60f26 rgb(166,15,38)
```
#b8112a
```
#b8112a rgb(184,17,42)
```
#ca122e
```
#ca122e rgb(202,18,46)
```
#dc1432
```
#dc1432 rgb(220,20,50)
```

Shade Color Variation

#ea1939
```
#ea1939 rgb(234,25,57)
```
#ec2b49
```
#ec2b49 rgb(236,43,73)
```
#ee3d58
```
#ee3d58 rgb(238,61,88)
```
#ef4f68
```
#ef4f68 rgb(239,79,104)
```
#f16177
```
#f16177 rgb(241,97,119)
```
#f27387
```
#f27387 rgb(242,115,135)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#f697a5
```
#f697a5 rgb(246,151,165)
```
#f7a9b5
```
#f7a9b5 rgb(247,169,181)
```
#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 #fe7b8f is the most saturated one.

#c1b8b9
```
#c1b8b9 rgb(193,184,185)
```
#c6b3b6
```
#c6b3b6 rgb(198,179,182)
```
#cbaeb2
```
#cbaeb2 rgb(203,174,178)
```
#d0a9af
```
#d0a9af rgb(208,169,175)
```
#d5a4ab
```
#d5a4ab rgb(213,164,171)
```
#da9fa8
```
#da9fa8 rgb(218,159,168)
```
#e099a4
```
#e099a4 rgb(224,153,164)
```
#e594a1
```
#e594a1 rgb(229,148,161)
```
#ea8f9d
```
#ea8f9d rgb(234,143,157)
```
#ef8a9a
```
#ef8a9a rgb(239,138,154)
```
#f48596
```
#f48596 rgb(244,133,150)
```
#f98092
```
#f98092 rgb(249,128,146)
```
#fe7b8f
```
#fe7b8f rgb(254,123,143)
```

Tone Color Variation

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

#ada9aa Protanopia 1% of men
#c2a494 Deuteranopia 1% of men
#f48c95 Tritanopia 0.001% of the population

Trichromacy

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

#f48596 hex color

#f48596 Color Information

#f48596 Color Conversion

Color Schemes with #f48596

Alternatives to #f48596

#f48596 Preview

Shades and Tints of #f48596

Tones of #f48596

Color Blindness Simulator