#f158b4 hex color

In a RGB color space, hex #f158b4 is composed of 94.5% red, 34.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 25.3% yellow and 5.5% black. It has a hue angle of 323.9 degrees, a saturation of 84.5% and a lightness of 64.5%. #f158b4 color hex could be obtained by blending #ffb0ff with #e30069. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 95
- G 35
- B 71
RGB color chart
- C 0
- M 63
- Y 25
- K 5
CMYK color chart

● #f158b4 color description : Soft pink.

The hexadecimal color #f158b4 has RGB values of R:241, G:88, B:180 and CMYK values of C:0, M:0.63, Y:0.25, K:0.05. Its decimal value is 15816884.

Hex triplet	f158b4	`#f158b4`
RGB Decimal	241, 88, 180	`rgb(241,88,180)`
RGB Percent	94.5, 34.5, 70.6	`rgb(94.5%,34.5%,70.6%)`
CMYK	0, 63, 25, 5
HSL	323.9°, 84.5, 64.5	`hsl(323.9,84.5%,64.5%)`
HSV (or HSB)	323.9°, 63.5, 94.5
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	60.763, 67.306, -17.984
XYZ	48.004, 28.979, 46.243
xyY	0.39, 0.235, 28.979
CIE-LCH	60.763, 69.667, 345.04
CIE-LUV	60.763, 87.802, -38.415
Hunter-Lab	53.832, 64.966, -13.248
Binary	11110001, 01011000, 10110100

#f158b4
```
#f158b4 rgb(241,88,180)
```
#58f195
```
#58f195 rgb(88,241,149)
```

Complementary Color

#e258f1
```
#e258f1 rgb(226,88,241)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#f15868
```
#f15868 rgb(241,88,104)
```

Analogous Color

#58f1e2
```
#58f1e2 rgb(88,241,226)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#68f158
```
#68f158 rgb(104,241,88)
```

Split Complementary Color

#58b4f1
```
#58b4f1 rgb(88,180,241)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#b4f158
```
#b4f158 rgb(180,241,88)
```

Triadic Color

#9558f1
```
#9558f1 rgb(149,88,241)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#b4f158
```
#b4f158 rgb(180,241,88)
```
#58f195
```
#58f195 rgb(88,241,149)
```

Tetradic Color

#e91494
```
#e91494 rgb(233,20,148)
```
#ed299f
```
#ed299f rgb(237,41,159)
```
#ef40a9
```
#ef40a9 rgb(239,64,169)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#f370bf
```
#f370bf rgb(243,112,191)
```
#f587c9
```
#f587c9 rgb(245,135,201)
```
#f79fd4
```
#f79fd4 rgb(247,159,212)
```

Monochromatic Color

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

#f158da
```
#f158da rgb(241,88,218)
```
#f158ce
```
#f158ce rgb(241,88,206)
```
#f158c1
```
#f158c1 rgb(241,88,193)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#f158a7
```
#f158a7 rgb(241,88,167)
```
#f1589b
```
#f1589b rgb(241,88,155)
```
#f1588e
```
#f1588e rgb(241,88,142)
```

Similar Colors

Text with hexadecimal color #f158b4

This text has a font color of #f158b4.

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

#f158b4 background color

This paragraph has a background color of #f158b4.

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

#f158b4 border color

This element has a border color of #f158b4.

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

CSS codes

.text {color:#f158b4;}

.background {background-color:#f158b4;}

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

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

#0e0109
```
#0e0109 rgb(14,1,9)
```
#200314
```
#200314 rgb(32,3,20)
```
#320420
```
#320420 rgb(50,4,32)
```
#44062b
```
#44062b rgb(68,6,43)
```
#560737
```
#560737 rgb(86,7,55)
```
#680942
```
#680942 rgb(104,9,66)
```
#7b0a4e
```
#7b0a4e rgb(123,10,78)
```
#8d0c59
```
#8d0c59 rgb(141,12,89)
```
#9f0d65
```
#9f0d65 rgb(159,13,101)
```
#b10f70
```
#b10f70 rgb(177,15,112)
```
#c3107c
```
#c3107c rgb(195,16,124)
```
#d51287
```
#d51287 rgb(213,18,135)
```
#e71393
```
#e71393 rgb(231,19,147)
```

Shade Color Variation

#ec229c
```
#ec229c rgb(236,34,156)
```
#ee34a4
```
#ee34a4 rgb(238,52,164)
```
#ef46ac
```
#ef46ac rgb(239,70,172)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#f36abc
```
#f36abc rgb(243,106,188)
```
#f47cc4
```
#f47cc4 rgb(244,124,196)
```
#f68ecc
```
#f68ecc rgb(246,142,204)
```
#f7a0d5
```
#f7a0d5 rgb(247,160,213)
```
#f9b2dd
```
#f9b2dd rgb(249,178,221)
```
#fac5e5
```
#fac5e5 rgb(250,197,229)
```
#fcd7ed
```
#fcd7ed rgb(252,215,237)
```
#fde9f5
```
#fde9f5 rgb(253,233,245)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#ab9ea6
```
#ab9ea6 rgb(171,158,166)
```
#b297a7
```
#b297a7 rgb(178,151,167)
```
#b990a9
```
#b990a9 rgb(185,144,169)
```
#c089aa
```
#c089aa rgb(192,137,170)
```
#c782ac
```
#c782ac rgb(199,130,172)
```
#ce7bad
```
#ce7bad rgb(206,123,173)
```
#d574ae
```
#d574ae rgb(213,116,174)
```
#dc6db0
```
#dc6db0 rgb(220,109,176)
```
#e366b1
```
#e366b1 rgb(227,102,177)
```
#ea5fb3
```
#ea5fb3 rgb(234,95,179)
```
#f158b4
```
#f158b4 rgb(241,88,180)
```
#f851b5
```
#f851b5 rgb(248,81,181)
```
#ff4ab7
```
#ff4ab7 rgb(255,74,183)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a38597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f95d9 Protanopia 1% of men
#9c94ab Deuteranopia 1% of men
#eb7178 Tritanopia 0.001% of the population

Trichromacy

#a97fcb Protanomaly 1% of men, 0.01% of women
#bb7eae Deuteranomaly 6% of men, 0.4% of women
#ed688d Tritanomaly 0.01% of the population

#f158b4 hex color

#f158b4 Color Information

#f158b4 Color Conversion

Color Schemes with #f158b4

Alternatives to #f158b4

#f158b4 Preview

Shades and Tints of #f158b4

Tones of #f158b4

Color Blindness Simulator