#f196f1 hex color

In a RGB color space, hex #f196f1 is composed of 94.5% red, 58.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 300 degrees, a saturation of 76.5% and a lightness of 76.7%. #f196f1 color hex could be obtained by blending #ffffff with #e32de3. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 59
- B 95
RGB color chart
- C 0
- M 38
- Y 0
- K 5
CMYK color chart

● #f196f1 color description : Very soft magenta.

The hexadecimal color #f196f1 has RGB values of R:241, G:150, B:241 and CMYK values of C:0, M:0.38, Y:0, K:0.05. Its decimal value is 15832817.

Hex triplet	f196f1	`#f196f1`
RGB Decimal	241, 150, 241	`rgb(241,150,241)`
RGB Percent	94.5, 58.8, 94.5	`rgb(94.5%,58.8%,94.5%)`
CMYK	0, 38, 0, 5
HSL	300°, 76.5, 76.7	`hsl(300,76.5%,76.7%)`
HSV (or HSB)	300°, 37.8, 94.5
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.104, 47.702, -31.604
XYZ	63.057, 46.867, 88.939
xyY	0.317, 0.236, 46.867
CIE-LCH	74.104, 57.221, 326.474
CIE-LUV	74.104, 44.663, -57.764
Hunter-Lab	68.459, 44.612, -29.105
Binary	11110001, 10010110, 11110001

#f196f1
```
#f196f1 rgb(241,150,241)
```
#96f196
```
#96f196 rgb(150,241,150)
```

Complementary Color

#c496f1
```
#c496f1 rgb(196,150,241)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f196c4
```
#f196c4 rgb(241,150,196)
```

Analogous Color

#96f1c4
```
#96f1c4 rgb(150,241,196)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#c4f196
```
#c4f196 rgb(196,241,150)
```

Split Complementary Color

#96f1f1
```
#96f1f1 rgb(150,241,241)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f1f196
```
#f1f196 rgb(241,241,150)
```

Triadic Color

#9696f1
```
#9696f1 rgb(150,150,241)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f1f196
```
#f1f196 rgb(241,241,150)
```
#96f196
```
#96f196 rgb(150,241,150)
```

Tetradic Color

#e853e8
```
#e853e8 rgb(232,83,232)
```
#eb69eb
```
#eb69eb rgb(235,105,235)
```
#ee80ee
```
#ee80ee rgb(238,128,238)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f4adf4
```
#f4adf4 rgb(244,173,244)
```
#f7c3f7
```
#f7c3f7 rgb(247,195,247)
```
#fadafa
```
#fadafa rgb(250,218,250)
```

Monochromatic Color

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

#da96f1
```
#da96f1 rgb(218,150,241)
```
#e296f1
```
#e296f1 rgb(226,150,241)
```
#e996f1
```
#e996f1 rgb(233,150,241)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f196e9
```
#f196e9 rgb(241,150,233)
```
#f196e2
```
#f196e2 rgb(241,150,226)
```
#f196da
```
#f196da rgb(241,150,218)
```

Similar Colors

Text with hexadecimal color #f196f1

This text has a font color of #f196f1.

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

#f196f1 background color

This paragraph has a background color of #f196f1.

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

#f196f1 border color

This element has a border color of #f196f1.

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

CSS codes

.text {color:#f196f1;}

.background {background-color:#f196f1;}

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

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, #100210 is the darkest color, while #fffeff is the lightest one.

#100210
```
#100210 rgb(16,2,16)
```
#210421
```
#210421 rgb(33,4,33)
```
#330733
```
#330733 rgb(51,7,51)
```
#440944
```
#440944 rgb(68,9,68)
```
#550b55
```
#550b55 rgb(85,11,85)
```
#670e67
```
#670e67 rgb(103,14,103)
```
#781078
```
#781078 rgb(120,16,120)
```
#891289
```
#891289 rgb(137,18,137)
```
#9b159b
```
#9b159b rgb(155,21,155)
```
#ac17ac
```
#ac17ac rgb(172,23,172)
```
#bd19bd
```
#bd19bd rgb(189,25,189)
```
#cf1ccf
```
#cf1ccf rgb(207,28,207)
```
#e01ee0
```
#e01ee0 rgb(224,30,224)
```

Shade Color Variation

#e32ee3
```
#e32ee3 rgb(227,46,227)
```
#e53fe5
```
#e53fe5 rgb(229,63,229)
```
#e851e8
```
#e851e8 rgb(232,81,232)
```
#ea62ea
```
#ea62ea rgb(234,98,234)
```
#ec73ec
```
#ec73ec rgb(236,115,236)
```
#ef85ef
```
#ef85ef rgb(239,133,239)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f3a7f3
```
#f3a7f3 rgb(243,167,243)
```
#f6b9f6
```
#f6b9f6 rgb(246,185,246)
```
#f8caf8
```
#f8caf8 rgb(248,202,248)
```
#fadbfa
```
#fadbfa rgb(250,219,250)
```
#fdedfd
```
#fdedfd rgb(253,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#c8bfc8
```
#c8bfc8 rgb(200,191,200)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#d1b6d1
```
#d1b6d1 rgb(209,182,209)
```
#d6b1d6
```
#d6b1d6 rgb(214,177,214)
```
#daadda
```
#daadda rgb(218,173,218)
```
#dfa8df
```
#dfa8df rgb(223,168,223)
```
#e3a4e3
```
#e3a4e3 rgb(227,164,227)
```
#e89fe8
```
#e89fe8 rgb(232,159,232)
```
#ec9bec
```
#ec9bec rgb(236,155,236)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f691f6
```
#f691f6 rgb(246,145,246)
```
#fa8dfa
```
#fa8dfa rgb(250,141,250)
```
#ff88ff
```
#ff88ff rgb(255,136,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c7b4c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b7ff Protanopia 1% of men
#b0b6e9 Deuteranopia 1% of men
#e8a9b4 Tritanopia 0.001% of the population

Trichromacy

#beabf9 Protanomaly 1% of men, 0.01% of women
#c8aaec Deuteranomaly 6% of men, 0.4% of women
#eba2ca Tritanomaly 0.01% of the population

#f196f1 hex color

#f196f1 Color Information

#f196f1 Color Conversion

Color Schemes with #f196f1

Alternatives to #f196f1

#f196f1 Preview

Shades and Tints of #f196f1

Tones of #f196f1

Color Blindness Simulator