#f18fa5 hex color

In a RGB color space, hex #f18fa5 is composed of 94.5% red, 56.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 31.5% yellow and 5.5% black. It has a hue angle of 346.5 degrees, a saturation of 77.8% and a lightness of 75.3%. #f18fa5 color hex could be obtained by blending #ffffff with #e31f4b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 56
- B 65
RGB color chart
- C 0
- M 41
- Y 32
- K 5
CMYK color chart

● #f18fa5 color description : Very soft red.

The hexadecimal color #f18fa5 has RGB values of R:241, G:143, B:165 and CMYK values of C:0, M:0.41, Y:0.32, K:0.05. Its decimal value is 15830949.

Hex triplet	f18fa5	`#f18fa5`
RGB Decimal	241, 143, 165	`rgb(241,143,165)`
RGB Percent	94.5, 56.1, 64.7	`rgb(94.5%,56.1%,64.7%)`
CMYK	0, 41, 32, 5
HSL	346.5°, 77.8, 75.3	`hsl(346.5,77.8%,75.3%)`
HSV (or HSB)	346.5°, 40.7, 94.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	70.222, 39.612, 4.545
XYZ	52.89, 41.066, 40.736
xyY	0.393, 0.305, 41.066
CIE-LCH	70.222, 39.872, 6.546
CIE-LUV	70.222, 63.528, -1.041
Hunter-Lab	64.082, 35.179, 7.168
Binary	11110001, 10001111, 10100101

#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#8ff1db
```
#8ff1db rgb(143,241,219)
```

Complementary Color

#f18fd6
```
#f18fd6 rgb(241,143,214)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#f1aa8f
```
#f1aa8f rgb(241,170,143)
```

Analogous Color

#8fd6f1
```
#8fd6f1 rgb(143,214,241)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#8ff1aa
```
#8ff1aa rgb(143,241,170)
```

Split Complementary Color

#8fa5f1
```
#8fa5f1 rgb(143,165,241)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#a5f18f
```
#a5f18f rgb(165,241,143)
```

Triadic Color

#db8ff1
```
#db8ff1 rgb(219,143,241)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#a5f18f
```
#a5f18f rgb(165,241,143)
```
#8ff1db
```
#8ff1db rgb(143,241,219)
```

Tetradic Color

#e94b6e
```
#e94b6e rgb(233,75,110)
```
#eb6281
```
#eb6281 rgb(235,98,129)
```
#ee7893
```
#ee7893 rgb(238,120,147)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#f4a6b7
```
#f4a6b7 rgb(244,166,183)
```
#f7bcc9
```
#f7bcc9 rgb(247,188,201)
```
#fad3dc
```
#fad3dc rgb(250,211,220)
```

Monochromatic Color

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

#f18fbe
```
#f18fbe rgb(241,143,190)
```
#f18fb5
```
#f18fb5 rgb(241,143,181)
```
#f18fad
```
#f18fad rgb(241,143,173)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#f18f9d
```
#f18f9d rgb(241,143,157)
```
#f18f95
```
#f18f95 rgb(241,143,149)
```
#f1928f
```
#f1928f rgb(241,146,143)
```

Similar Colors

Text with hexadecimal color #f18fa5

This text has a font color of #f18fa5.

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

#f18fa5 background color

This paragraph has a background color of #f18fa5.

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

#f18fa5 border color

This element has a border color of #f18fa5.

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

CSS codes

.text {color:#f18fa5;}

.background {background-color:#f18fa5;}

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

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, #0a0103 is the darkest color, while #fef8f9 is the lightest one.

#0a0103
```
#0a0103 rgb(10,1,3)
```
#1b0309
```
#1b0309 rgb(27,3,9)
```
#2d060e
```
#2d060e rgb(45,6,14)
```
#3e0814
```
#3e0814 rgb(62,8,20)
```
#500a1a
```
#500a1a rgb(80,10,26)
```
#610c1f
```
#610c1f rgb(97,12,31)
```
#730e25
```
#730e25 rgb(115,14,37)
```
#84112a
```
#84112a rgb(132,17,42)
```
#961330
```
#961330 rgb(150,19,48)
```
#a71536
```
#a71536 rgb(167,21,54)
```
#b8173b
```
#b8173b rgb(184,23,59)
```
#ca1941
```
#ca1941 rgb(202,25,65)
```
#db1b46
```
#db1b46 rgb(219,27,70)
```

Shade Color Variation

#e42651
```
#e42651 rgb(228,38,81)
```
#e6385f
```
#e6385f rgb(230,56,95)
```
#e8496d
```
#e8496d rgb(232,73,109)
```
#ea5b7b
```
#ea5b7b rgb(234,91,123)
```
#ed6c89
```
#ed6c89 rgb(237,108,137)
```
#ef7e97
```
#ef7e97 rgb(239,126,151)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#f3a0b3
```
#f3a0b3 rgb(243,160,179)
```
#f5b2c1
```
#f5b2c1 rgb(245,178,193)
```
#f8c3cf
```
#f8c3cf rgb(248,195,207)
```
#fad5dd
```
#fad5dd rgb(250,213,221)
```
#fce6eb
```
#fce6eb rgb(252,230,235)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#c1bfc0
```
#c1bfc0 rgb(193,191,192)
```
#c5bbbd
```
#c5bbbd rgb(197,187,189)
```
#cab6ba
```
#cab6ba rgb(202,182,186)
```
#cfb1b8
```
#cfb1b8 rgb(207,177,184)
```
#d4acb5
```
#d4acb5 rgb(212,172,181)
```
#d9a7b2
```
#d9a7b2 rgb(217,167,178)
```
#dea2b0
```
#dea2b0 rgb(222,162,176)
```
#e29ead
```
#e29ead rgb(226,158,173)
```
#e799aa
```
#e799aa rgb(231,153,170)
```
#ec94a8
```
#ec94a8 rgb(236,148,168)
```
#f18fa5
```
#f18fa5 rgb(241,143,165)
```
#f68aa2
```
#f68aa2 rgb(246,138,162)
```
#fb85a0
```
#fb85a0 rgb(251,133,160)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bca9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0afb7 Protanopia 1% of men
#c4aaa3 Deuteranopia 1% of men
#f096a0 Tritanopia 0.001% of the population

Trichromacy

#c8a3b0 Protanomaly 1% of men, 0.01% of women
#d4a0a4 Deuteranomaly 6% of men, 0.4% of women
#f093a2 Tritanomaly 0.01% of the population

#f18fa5 hex color

#f18fa5 Color Information

#f18fa5 Color Conversion

Color Schemes with #f18fa5

Alternatives to #f18fa5

#f18fa5 Preview

Shades and Tints of #f18fa5

Tones of #f18fa5

Color Blindness Simulator