#f684f0 Color Information
In a RGB color space, hex #f684f0 is composed of 96.5% red, 51.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 2.4% yellow and 3.5% black. It has a hue angle of 303.2 degrees, a saturation of 86.4% and a lightness of 74.1%. #f684f0 color hex could be obtained by blending #ffffff with #ed09e1. Closest websafe color is: #ff99ff.
-
- R 96
- G 52
- B 94
-
- C 0
- M 46
- Y 2
- K 4
● #f684f0 color description : Soft magenta.
#f684f0 Color Conversion
The hexadecimal color #f684f0 has RGB values of R:246, G:132, B:240 and CMYK values of C:0, M:0.46, Y:0.02, K:0.04. Its decimal value is 16155888.
Hex triplet | f684f0 | #f684f0 |
---|---|---|
RGB Decimal | 246, 132, 240 | rgb(246,132,240) |
RGB Percent | 96.5, 51.8, 94.1 | rgb(96.5%,51.8%,94.1%) |
CMYK | 0, 46, 2, 4 | |
HSL | 303.2°, 86.4, 74.1 | hsl(303.2,86.4%,74.1%) |
HSV (or HSB) | 303.2°, 46.3, 96.5 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 71.139, 57.997, -35.598 |
---|---|
XYZ | 61.984, 42.39, 87.35 |
xyY | 0.323, 0.221, 42.39 |
CIE-LCH | 71.139, 68.05, 328.459 |
CIE-LUV | 71.139, 55.913, -65.554 |
Hunter-Lab | 65.107, 56, -33.971 |
Binary | 11110110, 10000100, 11110000 |
Color Schemes with #f684f0
Alternatives to #f684f0
Below, you can see some colors close to #f684f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f684f0 Preview
This text has a font color of #f684f0.
<span style="color:#f684f0;">Text here</span>
This paragraph has a background color of #f684f0.
<p style="background-color:#f684f0;">Content here</p>
This element has a border color of #f684f0.
<div style="border:1px solid #f684f0;">Content here</div>
.text {color:#f684f0;}
.background {background-color:#f684f0;}
.border {border:1px solid #f684f0;}
Shades and Tints of #f684f0
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, #050005 is the darkest color, while #fef2fd is the lightest one.
-
#050005
#050005
rgb(5,0,5)
-
#170216
#170216
rgb(23,2,22)
-
#2a0327
#2a0327
rgb(42,3,39)
-
#3c0439
#3c0439
rgb(60,4,57)
-
#4e064a
#4e064a
rgb(78,6,74)
-
#60075c
#60075c
rgb(96,7,92)
-
#73086d
#73086d
rgb(115,8,109)
-
#850a7e
#850a7e
rgb(133,10,126)
-
#970b90
#970b90
rgb(151,11,144)
-
#a90ca1
#a90ca1
rgb(169,12,161)
-
#bc0eb3
#bc0eb3
rgb(188,14,179)
-
#ce0fc4
#ce0fc4
rgb(206,15,196)
-
#e010d5
#e010d5
rgb(224,16,213)
-
#ee16e3
#ee16e3
rgb(238,22,227)
-
#ef29e5
#ef29e5
rgb(239,41,229)
-
#f13be7
#f13be7
rgb(241,59,231)
-
#f24de9
#f24de9
rgb(242,77,233)
-
#f35fec
#f35fec
rgb(243,95,236)
-
#f572ee
#f572ee
rgb(245,114,238)
-
#f684f0
#f684f0
rgb(246,132,240)
-
#f796f2
#f796f2
rgb(247,150,242)
-
#f9a9f4
#f9a9f4
rgb(249,169,244)
-
#fabbf7
#fabbf7
rgb(250,187,247)
-
#fbcdf9
#fbcdf9
rgb(251,205,249)
-
#fddffb
#fddffb
rgb(253,223,251)
-
#fef2fd
#fef2fd
rgb(254,242,253)
Tones of #f684f0
A tone is produced by adding gray to any pure hue. In this case, #bebcbe is the less saturated color, while #fb7ff5 is the most saturated one.
-
#bebcbe
#bebcbe
rgb(190,188,190)
-
#c3b7c3
#c3b7c3
rgb(195,183,195)
-
#c8b2c7
#c8b2c7
rgb(200,178,199)
-
#cdadcc
#cdadcc
rgb(205,173,204)
-
#d2a8d0
#d2a8d0
rgb(210,168,208)
-
#d8a2d5
#d8a2d5
rgb(216,162,213)
-
#dd9dd9
#dd9dd9
rgb(221,157,217)
-
#e298de
#e298de
rgb(226,152,222)
-
#e793e2
#e793e2
rgb(231,147,226)
-
#ec8ee7
#ec8ee7
rgb(236,142,231)
-
#f189eb
#f189eb
rgb(241,137,235)
-
#f684f0
#f684f0
rgb(246,132,240)
-
#fb7ff5
#fb7ff5
rgb(251,127,245)
Color Blindness Simulator
Below, you can see how #f684f0 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.