#f396ef hex color

In a RGB color space, hex #f396ef is composed of 95.3% red, 58.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 1.6% yellow and 4.7% black. It has a hue angle of 302.6 degrees, a saturation of 79.5% and a lightness of 77.1%. #f396ef color hex could be obtained by blending #ffffff with #e72ddf. Closest websafe color is: #ff99ff.

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

● #f396ef color description : Very soft magenta.

The hexadecimal color #f396ef has RGB values of R:243, G:150, B:239 and CMYK values of C:0, M:0.38, Y:0.02, K:0.05. Its decimal value is 15963887.

Hex triplet	f396ef	`#f396ef`
RGB Decimal	243, 150, 239	`rgb(243,150,239)`
RGB Percent	95.3, 58.8, 93.7	`rgb(95.3%,58.8%,93.7%)`
CMYK	0, 38, 2, 5
HSL	302.6°, 79.5, 77.1	`hsl(302.6,79.5%,77.1%)`
HSV (or HSB)	302.6°, 38.3, 95.3
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.255, 47.949, -30.264
XYZ	63.447, 47.102, 87.406
xyY	0.321, 0.238, 47.102
CIE-LCH	74.255, 56.702, 327.741
CIE-LUV	74.255, 46.366, -55.642
Hunter-Lab	68.631, 44.913, -27.468
Binary	11110011, 10010110, 11101111

#f396ef
```
#f396ef rgb(243,150,239)
```
#96f39a
```
#96f39a rgb(150,243,154)
```

Complementary Color

#c996f3
```
#c996f3 rgb(201,150,243)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#f396c1
```
#f396c1 rgb(243,150,193)
```

Analogous Color

#96f3c9
```
#96f3c9 rgb(150,243,201)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#c1f396
```
#c1f396 rgb(193,243,150)
```

Split Complementary Color

#96eff3
```
#96eff3 rgb(150,239,243)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#eff396
```
#eff396 rgb(239,243,150)
```

Triadic Color

#9a96f3
```
#9a96f3 rgb(154,150,243)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#eff396
```
#eff396 rgb(239,243,150)
```
#96f39a
```
#96f39a rgb(150,243,154)
```

Tetradic Color

#eb51e5
```
#eb51e5 rgb(235,81,229)
```
#ee68e8
```
#ee68e8 rgb(238,104,232)
```
#f07fec
```
#f07fec rgb(240,127,236)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#f6adf2
```
#f6adf2 rgb(246,173,242)
```
#f8c4f6
```
#f8c4f6 rgb(248,196,246)
```
#fbdbf9
```
#fbdbf9 rgb(251,219,249)
```

Monochromatic Color

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

#e096f3
```
#e096f3 rgb(224,150,243)
```
#e896f3
```
#e896f3 rgb(232,150,243)
```
#ef96f3
```
#ef96f3 rgb(239,150,243)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#f396e7
```
#f396e7 rgb(243,150,231)
```
#f396e0
```
#f396e0 rgb(243,150,224)
```
#f396d8
```
#f396d8 rgb(243,150,216)
```

Similar Colors

Text with hexadecimal color #f396ef

This text has a font color of #f396ef.

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

#f396ef background color

This paragraph has a background color of #f396ef.

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

#f396ef border color

This element has a border color of #f396ef.

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

CSS codes

.text {color:#f396ef;}

.background {background-color:#f396ef;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#120212
```
#120212 rgb(18,2,18)
```
#240422
```
#240422 rgb(36,4,34)
```
#350633
```
#350633 rgb(53,6,51)
```
#470844
```
#470844 rgb(71,8,68)
```
#590a55
```
#590a55 rgb(89,10,85)
```
#6a0c66
```
#6a0c66 rgb(106,12,102)
```
#7c0e77
```
#7c0e77 rgb(124,14,119)
```
#8d1088
```
#8d1088 rgb(141,16,136)
```
#9f1299
```
#9f1299 rgb(159,18,153)
```
#b114aa
```
#b114aa rgb(177,20,170)
```
#c216bb
```
#c216bb rgb(194,22,187)
```
#d418cc
```
#d418cc rgb(212,24,204)
```

Shade Color Variation

#e51bdc
```
#e51bdc rgb(229,27,220)
```
#e72cdf
```
#e72cdf rgb(231,44,223)
```
#e93ee2
```
#e93ee2 rgb(233,62,226)
```
#eb50e4
```
#eb50e4 rgb(235,80,228)
```
#ed61e7
```
#ed61e7 rgb(237,97,231)
```
#ef73ea
```
#ef73ea rgb(239,115,234)
```
#f184ec
```
#f184ec rgb(241,132,236)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#f5a8f2
```
#f5a8f2 rgb(245,168,242)
```
#f7b9f4
```
#f7b9f4 rgb(247,185,244)
```
#f9cbf7
```
#f9cbf7 rgb(249,203,247)
```
#fbdcfa
```
#fbdcfa rgb(251,220,250)
```
#fdeefc
```
#fdeefc rgb(253,238,252)
```

Tint Color Variation

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

#c6c3c6
```
#c6c3c6 rgb(198,195,198)
```
#cbbfca
```
#cbbfca rgb(203,191,202)
```
#cfbace
```
#cfbace rgb(207,186,206)
```
#d4b6d2
```
#d4b6d2 rgb(212,182,210)
```
#d8b1d6
```
#d8b1d6 rgb(216,177,214)
```
#ddadda
```
#ddadda rgb(221,173,218)
```
#e1a8df
```
#e1a8df rgb(225,168,223)
```
#e6a4e3
```
#e6a4e3 rgb(230,164,227)
```
#ea9fe7
```
#ea9fe7 rgb(234,159,231)
```
#ef9beb
```
#ef9beb rgb(239,155,235)
```
#f396ef
```
#f396ef rgb(243,150,239)
```
#f892f3
```
#f892f3 rgb(248,146,243)
```
#fc8df7
```
#fc8df7 rgb(252,141,247)
```

Tone Color Variation

Below, you can see how #f396ef 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
#c7b4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b7ff Protanopia 1% of men
#b2b7e7 Deuteranopia 1% of men
#eaa8b4 Tritanopia 0.001% of the population

Trichromacy

#bfabf9 Protanomaly 1% of men, 0.01% of women
#caabea Deuteranomaly 6% of men, 0.4% of women
#eda1c9 Tritanomaly 0.01% of the population

#f396ef hex color

#f396ef Color Information

#f396ef Color Conversion

Color Schemes with #f396ef

Alternatives to #f396ef

#f396ef Preview

Shades and Tints of #f396ef

Tones of #f396ef

Color Blindness Simulator