#f316ff Color Information
In a RGB color space, hex #f316ff is composed of 95.3% red, 8.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 91.4% magenta, 0% yellow and 0% black. It has a hue angle of 296.9 degrees, a saturation of 100% and a lightness of 54.3%. #f316ff color hex could be obtained by blending #ff2cff with #e700ff. Closest websafe color is: #ff00ff.
-
- R 95
- G 9
- B 100
-
- C 5
- M 91
- Y 0
- K 0
● #f316ff color description : Vivid magenta.
#f316ff Color Conversion
The hexadecimal color #f316ff has RGB values of R:243, G:22, B:255 and CMYK values of C:0.05, M:0.91, Y:0, K:0. Its decimal value is 15931135.
Hex triplet | f316ff | #f316ff |
---|---|---|
RGB Decimal | 243, 22, 255 | rgb(243,22,255) |
RGB Percent | 95.3, 8.6, 100 | rgb(95.3%,8.6%,100%) |
CMYK | 5, 91, 0, 0 | |
HSL | 296.9°, 100, 54.3 | hsl(296.9,100%,54.3%) |
HSV (or HSB) | 296.9°, 91.4, 100 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 58.837, 94.833, -63.329 |
---|---|
XYZ | 55.298, 26.852, 96.873 |
xyY | 0.309, 0.15, 26.852 |
CIE-LCH | 58.837, 114.034, 326.265 |
CIE-LUV | 58.837, 74.648, -111.329 |
Hunter-Lab | 51.819, 99.8, -74.566 |
Binary | 11110011, 00010110, 11111111 |
Color Schemes with #f316ff
Alternatives to #f316ff
Below, you can see some colors close to #f316ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f316ff Preview
This text has a font color of #f316ff.
<span style="color:#f316ff;">Text here</span>
This paragraph has a background color of #f316ff.
<p style="background-color:#f316ff;">Content here</p>
This element has a border color of #f316ff.
<div style="border:1px solid #f316ff;">Content here</div>
.text {color:#f316ff;}
.background {background-color:#f316ff;}
.border {border:1px solid #f316ff;}
Shades and Tints of #f316ff
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, #020002 is the darkest color, while #feeeff is the lightest one.
-
#020002
#020002
rgb(2,0,2)
-
#150016
#150016
rgb(21,0,22)
-
#27002a
#27002a
rgb(39,0,42)
-
#3a003d
#3a003d
rgb(58,0,61)
-
#4d0051
#4d0051
rgb(77,0,81)
-
#5f0064
#5f0064
rgb(95,0,100)
-
#720078
#720078
rgb(114,0,120)
-
#84008c
#84008c
rgb(132,0,140)
-
#97009f
#97009f
rgb(151,0,159)
-
#aa00b3
#aa00b3
rgb(170,0,179)
-
#bc00c7
#bc00c7
rgb(188,0,199)
-
#cf00da
#cf00da
rgb(207,0,218)
-
#e200ee
#e200ee
rgb(226,0,238)
-
#f202ff
#f202ff
rgb(242,2,255)
-
#f316ff
#f316ff
rgb(243,22,255)
-
#f42aff
#f42aff
rgb(244,42,255)
-
#f53dff
#f53dff
rgb(245,61,255)
-
#f651ff
#f651ff
rgb(246,81,255)
-
#f764ff
#f764ff
rgb(247,100,255)
-
#f878ff
#f878ff
rgb(248,120,255)
-
#f98cff
#f98cff
rgb(249,140,255)
-
#fa9fff
#fa9fff
rgb(250,159,255)
-
#fbb3ff
#fbb3ff
rgb(251,179,255)
-
#fcc7ff
#fcc7ff
rgb(252,199,255)
-
#fddaff
#fddaff
rgb(253,218,255)
-
#feeeff
#feeeff
rgb(254,238,255)
Tones of #f316ff
A tone is produced by adding gray to any pure hue. In this case, #938293 is the less saturated color, while #f316ff is the most saturated one.
-
#938293
#938293
rgb(147,130,147)
-
#9b799c
#9b799c
rgb(155,121,156)
-
#a370a5
#a370a5
rgb(163,112,165)
-
#ab67ae
#ab67ae
rgb(171,103,174)
-
#b35eb7
#b35eb7
rgb(179,94,183)
-
#bb55c0
#bb55c0
rgb(187,85,192)
-
#c34cc9
#c34cc9
rgb(195,76,201)
-
#cb43d2
#cb43d2
rgb(203,67,210)
-
#d33adb
#d33adb
rgb(211,58,219)
-
#db31e4
#db31e4
rgb(219,49,228)
-
#e328ed
#e328ed
rgb(227,40,237)
-
#eb1ff6
#eb1ff6
rgb(235,31,246)
-
#f316ff
#f316ff
rgb(243,22,255)
Color Blindness Simulator
Below, you can see how #f316ff 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.