#f396ff Color Information
In a RGB color space, hex #f396ff is composed of 95.3% red, 58.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 41.2% magenta, 0% yellow and 0% black. It has a hue angle of 293.1 degrees, a saturation of 100% and a lightness of 79.4%. #f396ff color hex could be obtained by blending #ffffff with #e72dff. Closest websafe color is: #ff99ff.
-
- R 95
- G 59
- B 100
-
- C 5
- M 41
- Y 0
- K 0
● #f396ff color description : Very light magenta.
#f396ff Color Conversion
The hexadecimal color #f396ff has RGB values of R:243, G:150, B:255 and CMYK values of C:0.05, M:0.41, Y:0, K:0. Its decimal value is 15963903.
Hex triplet | f396ff | #f396ff |
---|---|---|
RGB Decimal | 243, 150, 255 | rgb(243,150,255) |
RGB Percent | 95.3, 58.8, 100 | rgb(95.3%,58.8%,100%) |
CMYK | 5, 41, 0, 0 | |
HSL | 293.1°, 100, 79.4 | hsl(293.1,100%,79.4%) |
HSV (or HSB) | 293.1°, 41.2, 100 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 74.881, 50.846, -37.981 |
---|---|
XYZ | 65.916, 48.09, 100.412 |
xyY | 0.307, 0.224, 48.09 |
CIE-LCH | 74.881, 63.465, 323.241 |
CIE-LUV | 74.881, 43.211, -68.841 |
Hunter-Lab | 69.347, 48.314, -37.308 |
Binary | 11110011, 10010110, 11111111 |
Color Schemes with #f396ff
Alternatives to #f396ff
Below, you can see some colors close to #f396ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f396ff Preview
This text has a font color of #f396ff.
<span style="color:#f396ff;">Text here</span>
This paragraph has a background color of #f396ff.
<p style="background-color:#f396ff;">Content here</p>
This element has a border color of #f396ff.
<div style="border:1px solid #f396ff;">Content here</div>
.text {color:#f396ff;}
.background {background-color:#f396ff;}
.border {border:1px solid #f396ff;}
Shades and Tints of #f396ff
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, #0b000d is the darkest color, while #fef8ff is the lightest one.
-
#0b000d
#0b000d
rgb(11,0,13)
-
#1d0020
#1d0020
rgb(29,0,32)
-
#2e0034
#2e0034
rgb(46,0,52)
-
#3f0048
#3f0048
rgb(63,0,72)
-
#51005b
#51005b
rgb(81,0,91)
-
#62006f
#62006f
rgb(98,0,111)
-
#730082
#730082
rgb(115,0,130)
-
#850096
#850096
rgb(133,0,150)
-
#9600aa
#9600aa
rgb(150,0,170)
-
#a800bd
#a800bd
rgb(168,0,189)
-
#b900d1
#b900d1
rgb(185,0,209)
-
#ca00e4
#ca00e4
rgb(202,0,228)
-
#dc00f8
#dc00f8
rgb(220,0,248)
-
#e30dff
#e30dff
rgb(227,13,255)
-
#e620ff
#e620ff
rgb(230,32,255)
-
#e834ff
#e834ff
rgb(232,52,255)
-
#ea48ff
#ea48ff
rgb(234,72,255)
-
#ec5bff
#ec5bff
rgb(236,91,255)
-
#ef6fff
#ef6fff
rgb(239,111,255)
-
#f182ff
#f182ff
rgb(241,130,255)
-
#f396ff
#f396ff
rgb(243,150,255)
-
#f5aaff
#f5aaff
rgb(245,170,255)
-
#f7bdff
#f7bdff
rgb(247,189,255)
-
#fad1ff
#fad1ff
rgb(250,209,255)
-
#fce4ff
#fce4ff
rgb(252,228,255)
-
#fef8ff
#fef8ff
rgb(254,248,255)
Tones of #f396ff
A tone is produced by adding gray to any pure hue. In this case, #cec6cf is the less saturated color, while #f396ff is the most saturated one.
-
#cec6cf
#cec6cf
rgb(206,198,207)
-
#d1c2d3
#d1c2d3
rgb(209,194,211)
-
#d4bed7
#d4bed7
rgb(212,190,215)
-
#d7badb
#d7badb
rgb(215,186,219)
-
#dab6df
#dab6df
rgb(218,182,223)
-
#ddb2e3
#ddb2e3
rgb(221,178,227)
-
#e0aee7
#e0aee7
rgb(224,174,231)
-
#e3aaeb
#e3aaeb
rgb(227,170,235)
-
#e7a6ef
#e7a6ef
rgb(231,166,239)
-
#eaa2f3
#eaa2f3
rgb(234,162,243)
-
#ed9ef7
#ed9ef7
rgb(237,158,247)
-
#f09afb
#f09afb
rgb(240,154,251)
-
#f396ff
#f396ff
rgb(243,150,255)
Color Blindness Simulator
Below, you can see how #f396ff 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.