#f156d4 hex color

In a RGB color space, hex #f156d4 is composed of 94.5% red, 33.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 12% yellow and 5.5% black. It has a hue angle of 311.2 degrees, a saturation of 84.7% and a lightness of 64.1%. #f156d4 color hex could be obtained by blending #ffacff with #e300a9. Closest websafe color is: #ff66cc.

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

● #f156d4 color description : Soft magenta.

The hexadecimal color #f156d4 has RGB values of R:241, G:86, B:212 and CMYK values of C:0, M:0.64, Y:0.12, K:0.05. Its decimal value is 15816404.

Hex triplet	f156d4	`#f156d4`
RGB Decimal	241, 86, 212	`rgb(241,86,212)`
RGB Percent	94.5, 33.7, 83.1	`rgb(94.5%,33.7%,83.1%)`
CMYK	0, 64, 12, 5
HSL	311.2°, 84.7, 64.1	`hsl(311.2,84.7%,64.1%)`
HSV (or HSB)	311.2°, 64.3, 94.5
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.752, 72.451, -34.679
XYZ	51.487, 30.113, 65.385
xyY	0.35, 0.205, 30.113
CIE-LCH	61.752, 80.323, 334.422
CIE-LUV	61.752, 77.585, -64.864
Hunter-Lab	54.876, 71.444, -32.231
Binary	11110001, 01010110, 11010100

#f156d4
```
#f156d4 rgb(241,86,212)
```
#56f173
```
#56f173 rgb(86,241,115)
```

Complementary Color

#c156f1
```
#c156f1 rgb(193,86,241)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f15687
```
#f15687 rgb(241,86,135)
```

Analogous Color

#56f1c1
```
#56f1c1 rgb(86,241,193)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#87f156
```
#87f156 rgb(135,241,86)
```

Split Complementary Color

#56d4f1
```
#56d4f1 rgb(86,212,241)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#d4f156
```
#d4f156 rgb(212,241,86)
```

Triadic Color

#7356f1
```
#7356f1 rgb(115,86,241)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#d4f156
```
#d4f156 rgb(212,241,86)
```
#56f173
```
#56f173 rgb(86,241,115)
```

Tetradic Color

#e713c0
```
#e713c0 rgb(231,19,192)
```
#ed27c8
```
#ed27c8 rgb(237,39,200)
```
#ef3ece
```
#ef3ece rgb(239,62,206)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f36eda
```
#f36eda rgb(243,110,218)
```
#f585e0
```
#f585e0 rgb(245,133,224)
```
#f79de6
```
#f79de6 rgb(247,157,230)
```

Monochromatic Color

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

#e756f1
```
#e756f1 rgb(231,86,241)
```
#f156ee
```
#f156ee rgb(241,86,238)
```
#f156e1
```
#f156e1 rgb(241,86,225)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f156c7
```
#f156c7 rgb(241,86,199)
```
#f156ba
```
#f156ba rgb(241,86,186)
```
#f156ad
```
#f156ad rgb(241,86,173)
```

Similar Colors

Text with hexadecimal color #f156d4

This text has a font color of #f156d4.

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

#f156d4 background color

This paragraph has a background color of #f156d4.

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

#f156d4 border color

This element has a border color of #f156d4.

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

CSS codes

.text {color:#f156d4;}

.background {background-color:#f156d4;}

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

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

#0c010a
```
#0c010a rgb(12,1,10)
```
#1e0319
```
#1e0319 rgb(30,3,25)
```
#300428
```
#300428 rgb(48,4,40)
```
#420637
```
#420637 rgb(66,6,55)
```
#550746
```
#550746 rgb(85,7,70)
```
#670955
```
#670955 rgb(103,9,85)
```
#790a64
```
#790a64 rgb(121,10,100)
```
#8b0c73
```
#8b0c73 rgb(139,12,115)
```
#9d0d82
```
#9d0d82 rgb(157,13,130)
```
#af0f91
```
#af0f91 rgb(175,15,145)
```
#c110a0
```
#c110a0 rgb(193,16,160)
```
#d312af
```
#d312af rgb(211,18,175)
```
#e613be
```
#e613be rgb(230,19,190)
```

Shade Color Variation

#ec20c6
```
#ec20c6 rgb(236,32,198)
```
#ee32cb
```
#ee32cb rgb(238,50,203)
```
#ef44cf
```
#ef44cf rgb(239,68,207)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f368d9
```
#f368d9 rgb(243,104,217)
```
#f47add
```
#f47add rgb(244,122,221)
```
#f68ce2
```
#f68ce2 rgb(246,140,226)
```
#f79ee6
```
#f79ee6 rgb(247,158,230)
```
#f9b1eb
```
#f9b1eb rgb(249,177,235)
```
#fac3f0
```
#fac3f0 rgb(250,195,240)
```
#fcd5f4
```
#fcd5f4 rgb(252,213,244)
```
#fde7f9
```
#fde7f9 rgb(253,231,249)
```
#fff9fd
```
#fff9fd rgb(255,249,253)
```

Tint Color Variation

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

#a4a3a4
```
#a4a3a4 rgb(164,163,164)
```
#ab9ca8
```
#ab9ca8 rgb(171,156,168)
```
#b295ac
```
#b295ac rgb(178,149,172)
```
#b98eb1
```
#b98eb1 rgb(185,142,177)
```
#c087b5
```
#c087b5 rgb(192,135,181)
```
#c780ba
```
#c780ba rgb(199,128,186)
```
#ce79be
```
#ce79be rgb(206,121,190)
```
#d572c2
```
#d572c2 rgb(213,114,194)
```
#dc6bc7
```
#dc6bc7 rgb(220,107,199)
```
#e364cb
```
#e364cb rgb(227,100,203)
```
#ea5dd0
```
#ea5dd0 rgb(234,93,208)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f84fd8
```
#f84fd8 rgb(248,79,216)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a687a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6897fe Protanopia 1% of men
#8e98c7 Deuteranopia 1% of men
#e8787f Tritanopia 0.001% of the population

Trichromacy

#9a7fee Protanomaly 1% of men, 0.01% of women
#b280cc Deuteranomaly 6% of men, 0.4% of women
#eb6b9e Tritanomaly 0.01% of the population

#f156d4 hex color

#f156d4 Color Information

#f156d4 Color Conversion

Color Schemes with #f156d4

Alternatives to #f156d4

#f156d4 Preview

Shades and Tints of #f156d4

Tones of #f156d4

Color Blindness Simulator