#f157cc hex color

In a RGB color space, hex #f157cc is composed of 94.5% red, 34.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.9% magenta, 15.4% yellow and 5.5% black. It has a hue angle of 314.4 degrees, a saturation of 84.6% and a lightness of 64.3%. #f157cc color hex could be obtained by blending #ffaeff with #e30099. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 95
- G 34
- B 80
RGB color chart
- C 0
- M 64
- Y 15
- K 5
CMYK color chart

● #f157cc color description : Soft magenta.

The hexadecimal color #f157cc has RGB values of R:241, G:87, B:204 and CMYK values of C:0, M:0.64, Y:0.15, K:0.05. Its decimal value is 15816652.

Hex triplet	f157cc	`#f157cc`
RGB Decimal	241, 87, 204	`rgb(241,87,204)`
RGB Percent	94.5, 34.1, 80	`rgb(94.5%,34.1%,80%)`
CMYK	0, 64, 15, 5
HSL	314.4°, 84.6, 64.3	`hsl(314.4,84.6%,64.3%)`
HSV (or HSB)	314.4°, 63.9, 94.5
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.551, 70.918, -30.466
XYZ	50.583, 29.88, 60.227
xyY	0.36, 0.212, 29.88
CIE-LCH	61.551, 77.185, 336.752
CIE-LUV	61.551, 79.966, -58.053
Hunter-Lab	54.663, 69.515, -27.061
Binary	11110001, 01010111, 11001100

#f157cc
```
#f157cc rgb(241,87,204)
```
#57f17c
```
#57f17c rgb(87,241,124)
```

Complementary Color

#c957f1
```
#c957f1 rgb(201,87,241)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#f1577f
```
#f1577f rgb(241,87,127)
```

Analogous Color

#57f1c9
```
#57f1c9 rgb(87,241,201)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#7ff157
```
#7ff157 rgb(127,241,87)
```

Split Complementary Color

#57ccf1
```
#57ccf1 rgb(87,204,241)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#ccf157
```
#ccf157 rgb(204,241,87)
```

Triadic Color

#7c57f1
```
#7c57f1 rgb(124,87,241)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#ccf157
```
#ccf157 rgb(204,241,87)
```
#57f17c
```
#57f17c rgb(87,241,124)
```

Tetradic Color

#e813b5
```
#e813b5 rgb(232,19,181)
```
#ed28be
```
#ed28be rgb(237,40,190)
```
#ef3fc5
```
#ef3fc5 rgb(239,63,197)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#f36fd3
```
#f36fd3 rgb(243,111,211)
```
#f586da
```
#f586da rgb(245,134,218)
```
#f79ee1
```
#f79ee1 rgb(247,158,225)
```

Monochromatic Color

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

#f057f1
```
#f057f1 rgb(240,87,241)
```
#f157e6
```
#f157e6 rgb(241,87,230)
```
#f157d9
```
#f157d9 rgb(241,87,217)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#f157bf
```
#f157bf rgb(241,87,191)
```
#f157b2
```
#f157b2 rgb(241,87,178)
```
#f157a6
```
#f157a6 rgb(241,87,166)
```

Similar Colors

Text with hexadecimal color #f157cc

This text has a font color of #f157cc.

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

#f157cc background color

This paragraph has a background color of #f157cc.

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

#f157cc border color

This element has a border color of #f157cc.

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

CSS codes

.text {color:#f157cc;}

.background {background-color:#f157cc;}

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

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

#0d010a
```
#0d010a rgb(13,1,10)
```
#1f0318
```
#1f0318 rgb(31,3,24)
```
#310426
```
#310426 rgb(49,4,38)
```
#430635
```
#430635 rgb(67,6,53)
```
#550743
```
#550743 rgb(85,7,67)
```
#680951
```
#680951 rgb(104,9,81)
```
#7a0a5f
```
#7a0a5f rgb(122,10,95)
```
#8c0c6d
```
#8c0c6d rgb(140,12,109)
```
#9e0d7b
```
#9e0d7b rgb(158,13,123)
```
#b00f89
```
#b00f89 rgb(176,15,137)
```
#c21097
```
#c21097 rgb(194,16,151)
```
#d412a5
```
#d412a5 rgb(212,18,165)
```
#e613b4
```
#e613b4 rgb(230,19,180)
```

Shade Color Variation

#ec21bc
```
#ec21bc rgb(236,33,188)
```
#ee33c1
```
#ee33c1 rgb(238,51,193)
```
#ef45c7
```
#ef45c7 rgb(239,69,199)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#f369d1
```
#f369d1 rgb(243,105,209)
```
#f47bd7
```
#f47bd7 rgb(244,123,215)
```
#f68ddc
```
#f68ddc rgb(246,141,220)
```
#f79fe2
```
#f79fe2 rgb(247,159,226)
```
#f9b2e7
```
#f9b2e7 rgb(249,178,231)
```
#fac4ed
```
#fac4ed rgb(250,196,237)
```
#fcd6f2
```
#fcd6f2 rgb(252,214,242)
```
#fde8f8
```
#fde8f8 rgb(253,232,248)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#ab9da8
```
#ab9da8 rgb(171,157,168)
```
#b296ab
```
#b296ab rgb(178,150,171)
```
#b98faf
```
#b98faf rgb(185,143,175)
```
#c088b3
```
#c088b3 rgb(192,136,179)
```
#c781b6
```
#c781b6 rgb(199,129,182)
```
#ce7aba
```
#ce7aba rgb(206,122,186)
```
#d573bd
```
#d573bd rgb(213,115,189)
```
#dc6cc1
```
#dc6cc1 rgb(220,108,193)
```
#e365c5
```
#e365c5 rgb(227,101,197)
```
#ea5ec8
```
#ea5ec8 rgb(234,94,200)
```
#f157cc
```
#f157cc rgb(241,87,204)
```
#f850d0
```
#f850d0 rgb(248,80,208)
```
#ff49d3
```
#ff49d3 rgb(255,73,211)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a5869e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7097f4 Protanopia 1% of men
#9397c0 Deuteranopia 1% of men
#e9767e Tritanopia 0.001% of the population

Trichromacy

#9f7fe5 Protanomaly 1% of men, 0.01% of women
#b580c4 Deuteranomaly 6% of men, 0.4% of women
#eb6b9a Tritanomaly 0.01% of the population

#f157cc hex color

#f157cc Color Information

#f157cc Color Conversion

Color Schemes with #f157cc

Alternatives to #f157cc

#f157cc Preview

Shades and Tints of #f157cc

Tones of #f157cc

Color Blindness Simulator