#f681f4 Color Information
In a RGB color space, hex #f681f4 is composed of 96.5% red, 50.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 0.8% yellow and 3.5% black. It has a hue angle of 301 degrees, a saturation of 86.7% and a lightness of 73.5%. #f681f4 color hex could be obtained by blending #ffffff with #ed03e9. Closest websafe color is: #ff99ff.
-
- R 96
- G 51
- B 96
-
- C 0
- M 48
- Y 1
- K 4
● #f681f4 color description : Soft magenta.
#f681f4 Color Conversion
The hexadecimal color #f681f4 has RGB values of R:246, G:129, B:244 and CMYK values of C:0, M:0.48, Y:0.01, K:0.04. Its decimal value is 16155124.
Hex triplet | f681f4 | #f681f4 |
---|---|---|
RGB Decimal | 246, 129, 244 | rgb(246,129,244) |
RGB Percent | 96.5, 50.6, 95.7 | rgb(96.5%,50.6%,95.7%) |
CMYK | 0, 48, 1, 4 | |
HSL | 301°, 86.7, 73.5 | hsl(301,86.7%,73.5%) |
HSV (or HSB) | 301°, 47.6, 96.5 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 70.752, 60.129, -38.389 |
---|---|
XYZ | 62.184, 41.828, 90.381 |
xyY | 0.32, 0.215, 41.828 |
CIE-LCH | 70.752, 71.338, 327.444 |
CIE-LUV | 70.752, 56.16, -70.367 |
Hunter-Lab | 64.675, 58.446, -37.584 |
Binary | 11110110, 10000001, 11110100 |
Color Schemes with #f681f4
Alternatives to #f681f4
Below, you can see some colors close to #f681f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f681f4 Preview
This text has a font color of #f681f4.
<span style="color:#f681f4;">Text here</span>
This paragraph has a background color of #f681f4.
<p style="background-color:#f681f4;">Content here</p>
This element has a border color of #f681f4.
<div style="border:1px solid #f681f4;">Content here</div>
.text {color:#f681f4;}
.background {background-color:#f681f4;}
.border {border:1px solid #f681f4;}
Shades and Tints of #f681f4
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 #feeffe is the lightest one.
-
#020002
#020002
rgb(2,0,2)
-
#140114
#140114
rgb(20,1,20)
-
#270326
#270326
rgb(39,3,38)
-
#390438
#390438
rgb(57,4,56)
-
#4b054a
#4b054a
rgb(75,5,74)
-
#5e075c
#5e075c
rgb(94,7,92)
-
#70086e
#70086e
rgb(112,8,110)
-
#820980
#820980
rgb(130,9,128)
-
#950b92
#950b92
rgb(149,11,146)
-
#a70ca4
#a70ca4
rgb(167,12,164)
-
#b90db6
#b90db6
rgb(185,13,182)
-
#cc0fc8
#cc0fc8
rgb(204,15,200)
-
#de10da
#de10da
rgb(222,16,218)
-
#ee13ea
#ee13ea
rgb(238,19,234)
-
#ef25ec
#ef25ec
rgb(239,37,236)
-
#f138ee
#f138ee
rgb(241,56,238)
-
#f24aef
#f24aef
rgb(242,74,239)
-
#f35cf1
#f35cf1
rgb(243,92,241)
-
#f56ff2
#f56ff2
rgb(245,111,242)
-
#f681f4
#f681f4
rgb(246,129,244)
-
#f793f6
#f793f6
rgb(247,147,246)
-
#f9a6f7
#f9a6f7
rgb(249,166,247)
-
#fab8f9
#fab8f9
rgb(250,184,249)
-
#fbcafa
#fbcafa
rgb(251,202,250)
-
#fdddfc
#fdddfc
rgb(253,221,252)
-
#feeffe
#feeffe
rgb(254,239,254)
Tones of #f681f4
A tone is produced by adding gray to any pure hue. In this case, #bdbabd is the less saturated color, while #fb7cf9 is the most saturated one.
-
#bdbabd
#bdbabd
rgb(189,186,189)
-
#c2b5c2
#c2b5c2
rgb(194,181,194)
-
#c7b0c7
#c7b0c7
rgb(199,176,199)
-
#ccabcc
#ccabcc
rgb(204,171,204)
-
#d2a5d1
#d2a5d1
rgb(210,165,209)
-
#d7a0d6
#d7a0d6
rgb(215,160,214)
-
#dc9bdb
#dc9bdb
rgb(220,155,219)
-
#e196e0
#e196e0
rgb(225,150,224)
-
#e691e5
#e691e5
rgb(230,145,229)
-
#ec8bea
#ec8bea
rgb(236,139,234)
-
#f186ef
#f186ef
rgb(241,134,239)
-
#f681f4
#f681f4
rgb(246,129,244)
-
#fb7cf9
#fb7cf9
rgb(251,124,249)
Color Blindness Simulator
Below, you can see how #f681f4 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.