#f156d3 hex color

In a RGB color space, hex #f156d3 is composed of 94.5% red, 33.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 12.4% yellow and 5.5% black. It has a hue angle of 311.6 degrees, a saturation of 84.7% and a lightness of 64.1%. #f156d3 color hex could be obtained by blending #ffacff with #e300a7. 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

● #f156d3 color description : Soft magenta.

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

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

CIE-LAB	61.709, 72.305, -34.182
XYZ	51.361, 30.063, 64.722
xyY	0.351, 0.206, 30.063
CIE-LCH	61.709, 79.978, 334.698
CIE-LUV	61.709, 77.924, -64.06
Hunter-Lab	54.83, 71.255, -31.606
Binary	11110001, 01010110, 11010011

#f156d3
```
#f156d3 rgb(241,86,211)
```
#56f174
```
#56f174 rgb(86,241,116)
```

Complementary Color

#c256f1
```
#c256f1 rgb(194,86,241)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#f15686
```
#f15686 rgb(241,86,134)
```

Analogous Color

#56f1c2
```
#56f1c2 rgb(86,241,194)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#86f156
```
#86f156 rgb(134,241,86)
```

Split Complementary Color

#56d3f1
```
#56d3f1 rgb(86,211,241)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#d3f156
```
#d3f156 rgb(211,241,86)
```

Triadic Color

#7456f1
```
#7456f1 rgb(116,86,241)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#d3f156
```
#d3f156 rgb(211,241,86)
```
#56f174
```
#56f174 rgb(86,241,116)
```

Tetradic Color

#e713be
```
#e713be rgb(231,19,190)
```
#ed27c7
```
#ed27c7 rgb(237,39,199)
```
#ef3ecd
```
#ef3ecd rgb(239,62,205)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#f36ed9
```
#f36ed9 rgb(243,110,217)
```
#f585df
```
#f585df rgb(245,133,223)
```
#f79de5
```
#f79de5 rgb(247,157,229)
```

Monochromatic Color

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

#e856f1
```
#e856f1 rgb(232,86,241)
```
#f156ed
```
#f156ed rgb(241,86,237)
```
#f156e0
```
#f156e0 rgb(241,86,224)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#f156c6
```
#f156c6 rgb(241,86,198)
```
#f156b9
```
#f156b9 rgb(241,86,185)
```
#f156ac
```
#f156ac rgb(241,86,172)
```

Similar Colors

Text with hexadecimal color #f156d3

This text has a font color of #f156d3.

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

#f156d3 background color

This paragraph has a background color of #f156d3.

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

#f156d3 border color

This element has a border color of #f156d3.

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

CSS codes

.text {color:#f156d3;}

.background {background-color:#f156d3;}

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

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)
```
#670954
```
#670954 rgb(103,9,84)
```
#790a63
```
#790a63 rgb(121,10,99)
```
#8b0c72
```
#8b0c72 rgb(139,12,114)
```
#9d0d81
```
#9d0d81 rgb(157,13,129)
```
#af0f90
```
#af0f90 rgb(175,15,144)
```
#c1109f
```
#c1109f rgb(193,16,159)
```
#d312ae
```
#d312ae rgb(211,18,174)
```
#e613bd
```
#e613bd rgb(230,19,189)
```

Shade Color Variation

#ec20c5
```
#ec20c5 rgb(236,32,197)
```
#ee32ca
```
#ee32ca rgb(238,50,202)
```
#ef44ce
```
#ef44ce rgb(239,68,206)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#f368d8
```
#f368d8 rgb(243,104,216)
```
#f47adc
```
#f47adc rgb(244,122,220)
```
#f68ce1
```
#f68ce1 rgb(246,140,225)
```
#f79ee6
```
#f79ee6 rgb(247,158,230)
```
#f9b1eb
```
#f9b1eb rgb(249,177,235)
```
#fac3ef
```
#fac3ef rgb(250,195,239)
```
#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 #f84fd7 is the most saturated one.

#a4a3a4
```
#a4a3a4 rgb(164,163,164)
```
#ab9ca8
```
#ab9ca8 rgb(171,156,168)
```
#b295ac
```
#b295ac rgb(178,149,172)
```
#b98eb0
```
#b98eb0 rgb(185,142,176)
```
#c087b5
```
#c087b5 rgb(192,135,181)
```
#c780b9
```
#c780b9 rgb(199,128,185)
```
#ce79bd
```
#ce79bd rgb(206,121,189)
```
#d572c2
```
#d572c2 rgb(213,114,194)
```
#dc6bc6
```
#dc6bc6 rgb(220,107,198)
```
#e364ca
```
#e364ca rgb(227,100,202)
```
#ea5dcf
```
#ea5dcf rgb(234,93,207)
```
#f156d3
```
#f156d3 rgb(241,86,211)
```
#f84fd7
```
#f84fd7 rgb(248,79,215)
```

Tone Color Variation

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

#6997fc Protanopia 1% of men
#8f98c6 Deuteranopia 1% of men
#e8777f Tritanopia 0.001% of the population

Trichromacy

#9a7fed Protanomaly 1% of men, 0.01% of women
#b280cb Deuteranomaly 6% of men, 0.4% of women
#eb6b9d Tritanomaly 0.01% of the population

#f156d3 hex color

#f156d3 Color Information

#f156d3 Color Conversion

Color Schemes with #f156d3

Alternatives to #f156d3

#f156d3 Preview

Shades and Tints of #f156d3

Tones of #f156d3

Color Blindness Simulator