#f49ba5 hex color

In a RGB color space, hex #f49ba5 is composed of 95.7% red, 60.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 32.4% yellow and 4.3% black. It has a hue angle of 353.3 degrees, a saturation of 80.2% and a lightness of 78.2%. #f49ba5 color hex could be obtained by blending #ffffff with #e9374b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 61
- B 65
RGB color chart
- C 0
- M 36
- Y 32
- K 4
CMYK color chart

● #f49ba5 color description : Very soft red.

The hexadecimal color #f49ba5 has RGB values of R:244, G:155, B:165 and CMYK values of C:0, M:0.36, Y:0.32, K:0.04. Its decimal value is 16030629.

Hex triplet	f49ba5	`#f49ba5`
RGB Decimal	244, 155, 165	`rgb(244,155,165)`
RGB Percent	95.7, 60.8, 64.7	`rgb(95.7%,60.8%,64.7%)`
CMYK	0, 36, 32, 4
HSL	353.3°, 80.2, 78.2	`hsl(353.3,80.2%,78.2%)`
HSV (or HSB)	353.3°, 36.5, 95.7
Web Safe	ff9999	`#ff9999`

CIE-LAB	73.152, 34.446, 8.798
XYZ	55.821, 45.396, 41.417
xyY	0.391, 0.318, 45.396
CIE-LCH	73.152, 35.552, 14.327
CIE-LUV	73.152, 58.475, 5.875
Hunter-Lab	67.376, 29.979, 10.717
Binary	11110100, 10011011, 10100101

#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#9bf4ea
```
#9bf4ea rgb(155,244,234)
```

Complementary Color

#f49bd2
```
#f49bd2 rgb(244,155,210)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#f4be9b
```
#f4be9b rgb(244,190,155)
```

Analogous Color

#9bd2f4
```
#9bd2f4 rgb(155,210,244)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#9bf4be
```
#9bf4be rgb(155,244,190)
```

Split Complementary Color

#9ba5f4
```
#9ba5f4 rgb(155,165,244)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#a5f49b
```
#a5f49b rgb(165,244,155)
```

Triadic Color

#ea9bf4
```
#ea9bf4 rgb(234,155,244)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#a5f49b
```
#a5f49b rgb(165,244,155)
```
#9bf4ea
```
#9bf4ea rgb(155,244,234)
```

Tetradic Color

#ec5667
```
#ec5667 rgb(236,86,103)
```
#ef6d7c
```
#ef6d7c rgb(239,109,124)
```
#f18490
```
#f18490 rgb(241,132,144)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#f7b2ba
```
#f7b2ba rgb(247,178,186)
```
#f9c9ce
```
#f9c9ce rgb(249,201,206)
```
#fce0e3
```
#fce0e3 rgb(252,224,227)
```

Monochromatic Color

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

#f49bbb
```
#f49bbb rgb(244,155,187)
```
#f49bb4
```
#f49bb4 rgb(244,155,180)
```
#f49bac
```
#f49bac rgb(244,155,172)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#f49b9e
```
#f49b9e rgb(244,155,158)
```
#f4a09b
```
#f4a09b rgb(244,160,155)
```
#f4a79b
```
#f4a79b rgb(244,167,155)
```

Similar Colors

Text with hexadecimal color #f49ba5

This text has a font color of #f49ba5.

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

#f49ba5 background color

This paragraph has a background color of #f49ba5.

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

#f49ba5 border color

This element has a border color of #f49ba5.

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

CSS codes

.text {color:#f49ba5;}

.background {background-color:#f49ba5;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180305
```
#180305 rgb(24,3,5)
```
#290509
```
#290509 rgb(41,5,9)
```
#3b060c
```
#3b060c rgb(59,6,12)
```
#4d0810
```
#4d0810 rgb(77,8,16)
```
#5e0a14
```
#5e0a14 rgb(94,10,20)
```
#700c18
```
#700c18 rgb(112,12,24)
```
#820e1b
```
#820e1b rgb(130,14,27)
```
#93101f
```
#93101f rgb(147,16,31)
```
#a51223
```
#a51223 rgb(165,18,35)
```
#b71426
```
#b71426 rgb(183,20,38)
```
#c8162a
```
#c8162a rgb(200,22,42)
```
#da182e
```
#da182e rgb(218,24,46)
```

Shade Color Variation

#e61f36
```
#e61f36 rgb(230,31,54)
```
#e83146
```
#e83146 rgb(232,49,70)
```
#ea4355
```
#ea4355 rgb(234,67,85)
```
#ec5465
```
#ec5465 rgb(236,84,101)
```
#ee6675
```
#ee6675 rgb(238,102,117)
```
#f07885
```
#f07885 rgb(240,120,133)
```
#f28995
```
#f28995 rgb(242,137,149)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#f6adb5
```
#f6adb5 rgb(246,173,181)
```
#f8bec5
```
#f8bec5 rgb(248,190,197)
```
#fad0d5
```
#fad0d5 rgb(250,208,213)
```
#fce2e5
```
#fce2e5 rgb(252,226,229)
```
#fef3f5
```
#fef3f5 rgb(254,243,245)
```

Tint Color Variation

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

#c9c6c6
```
#c9c6c6 rgb(201,198,198)
```
#cec1c3
```
#cec1c3 rgb(206,193,195)
```
#d2bdbf
```
#d2bdbf rgb(210,189,191)
```
#d6b9bc
```
#d6b9bc rgb(214,185,188)
```
#dab5b9
```
#dab5b9 rgb(218,181,185)
```
#dfb0b6
```
#dfb0b6 rgb(223,176,182)
```
#e3acb2
```
#e3acb2 rgb(227,172,178)
```
#e7a8af
```
#e7a8af rgb(231,168,175)
```
#eba4ac
```
#eba4ac rgb(235,164,172)
```
#f09fa8
```
#f09fa8 rgb(240,159,168)
```
#f49ba5
```
#f49ba5 rgb(244,155,165)
```
#f897a2
```
#f897a2 rgb(248,151,162)
```
#fd929e
```
#fd929e rgb(253,146,158)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c3b1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6b4 Protanopia 1% of men
#cfb1a5 Deuteranopia 1% of men
#f4a0aa Tritanopia 0.001% of the population

Trichromacy

#cfacaf Protanomaly 1% of men, 0.01% of women
#dca9a5 Deuteranomaly 6% of men, 0.4% of women
#f49ea8 Tritanomaly 0.01% of the population

#f49ba5 hex color

#f49ba5 Color Information

#f49ba5 Color Conversion

Color Schemes with #f49ba5

Alternatives to #f49ba5

#f49ba5 Preview

Shades and Tints of #f49ba5

Tones of #f49ba5

Color Blindness Simulator