#f316f2 Color Information
In a RGB color space, hex #f316f2 is composed of 95.3% red, 8.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.9% magenta, 0.4% yellow and 4.7% black. It has a hue angle of 300.3 degrees, a saturation of 90.2% and a lightness of 52%. #f316f2 color hex could be obtained by blending #ff2cff with #e700e5. Closest websafe color is: #ff00ff.
-
- R 95
- G 9
- B 95
-
- C 0
- M 91
- Y 0
- K 5
● #f316f2 color description : Vivid magenta.
#f316f2 Color Conversion
The hexadecimal color #f316f2 has RGB values of R:243, G:22, B:242 and CMYK values of C:0, M:0.91, Y:0, K:0.05. Its decimal value is 15931122.
Hex triplet | f316f2 | #f316f2 |
---|---|---|
RGB Decimal | 243, 22, 242 | rgb(243,22,242) |
RGB Percent | 95.3, 8.6, 94.9 | rgb(95.3%,8.6%,94.9%) |
CMYK | 0, 91, 0, 5 | |
HSL | 300.3°, 90.2, 52 | hsl(300.3,90.2%,52%) |
HSV (or HSB) | 300.3°, 90.9, 95.3 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 58.078, 92.953, -57.312 |
---|---|
XYZ | 53.275, 26.043, 86.22 |
xyY | 0.322, 0.157, 26.043 |
CIE-LCH | 58.078, 109.201, 328.344 |
CIE-LUV | 58.078, 79.631, -101.721 |
Hunter-Lab | 51.032, 97.038, -64.449 |
Binary | 11110011, 00010110, 11110010 |
Color Schemes with #f316f2
Alternatives to #f316f2
Below, you can see some colors close to #f316f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f316f2 Preview
This text has a font color of #f316f2.
<span style="color:#f316f2;">Text here</span>
This paragraph has a background color of #f316f2.
<p style="background-color:#f316f2;">Content here</p>
This element has a border color of #f316f2.
<div style="border:1px solid #f316f2;">Content here</div>
.text {color:#f316f2;}
.background {background-color:#f316f2;}
.border {border:1px solid #f316f2;}
Shades and Tints of #f316f2
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, #0a0009 is the darkest color, while #fff6fe is the lightest one.
-
#0a0009
#0a0009
rgb(10,0,9)
-
#1c011c
#1c011c
rgb(28,1,28)
-
#2f022f
#2f022f
rgb(47,2,47)
-
#410341
#410341
rgb(65,3,65)
-
#540454
#540454
rgb(84,4,84)
-
#670566
#670566
rgb(103,5,102)
-
#790679
#790679
rgb(121,6,121)
-
#8c078b
#8c078b
rgb(140,7,139)
-
#9f089e
#9f089e
rgb(159,8,158)
-
#b109b1
#b109b1
rgb(177,9,177)
-
#c40ac3
#c40ac3
rgb(196,10,195)
-
#d70bd6
#d70bd6
rgb(215,11,214)
-
#e90ce8
#e90ce8
rgb(233,12,232)
-
#f316f2
#f316f2
rgb(243,22,242)
-
#f429f3
#f429f3
rgb(244,41,243)
-
#f53bf4
#f53bf4
rgb(245,59,244)
-
#f64ef5
#f64ef5
rgb(246,78,245)
-
#f761f6
#f761f6
rgb(247,97,246)
-
#f873f7
#f873f7
rgb(248,115,247)
-
#f986f8
#f986f8
rgb(249,134,248)
-
#fa99f9
#fa99f9
rgb(250,153,249)
-
#fbabfa
#fbabfa
rgb(251,171,250)
-
#fcbefb
#fcbefb
rgb(252,190,251)
-
#fdd1fc
#fdd1fc
rgb(253,209,252)
-
#fee3fd
#fee3fd
rgb(254,227,253)
-
#fff6fe
#fff6fe
rgb(255,246,254)
Tones of #f316f2
A tone is produced by adding gray to any pure hue. In this case, #8b7e8b is the less saturated color, while #fc0dfb is the most saturated one.
-
#8b7e8b
#8b7e8b
rgb(139,126,139)
-
#957495
#957495
rgb(149,116,149)
-
#9e6b9e
#9e6b9e
rgb(158,107,158)
-
#a861a7
#a861a7
rgb(168,97,167)
-
#b158b1
#b158b1
rgb(177,88,177)
-
#ba4fba
#ba4fba
rgb(186,79,186)
-
#c445c3
#c445c3
rgb(196,69,195)
-
#cd3ccd
#cd3ccd
rgb(205,60,205)
-
#d732d6
#d732d6
rgb(215,50,214)
-
#e029df
#e029df
rgb(224,41,223)
-
#ea1fe9
#ea1fe9
rgb(234,31,233)
-
#f316f2
#f316f2
rgb(243,22,242)
-
#fc0dfb
#fc0dfb
rgb(252,13,251)
Color Blindness Simulator
Below, you can see how #f316f2 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.