#684cf6 Color Information
In a RGB color space, hex #684cf6 is composed of 40.8% red, 29.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 69.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 249.9 degrees, a saturation of 90.4% and a lightness of 63.1%. #684cf6 color hex could be obtained by blending #d098ff with #0000ed. Closest websafe color is: #6633ff.
-
- R 41
- G 30
- B 96
-
- C 58
- M 69
- Y 0
- K 4
● #684cf6 color description : Soft blue.
#684cf6 Color Conversion
The hexadecimal color #684cf6 has RGB values of R:104, G:76, B:246 and CMYK values of C:0.58, M:0.69, Y:0, K:0.04. Its decimal value is 6835446.
Hex triplet | 684cf6 | #684cf6 |
---|---|---|
RGB Decimal | 104, 76, 246 | rgb(104,76,246) |
RGB Percent | 40.8, 29.8, 96.5 | rgb(40.8%,29.8%,96.5%) |
CMYK | 58, 69, 0, 4 | |
HSL | 249.9°, 90.4, 63.1 | hsl(249.9,90.4%,63.1%) |
HSV (or HSB) | 249.9°, 69.1, 96.5 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 45.311, 55.768, -81.095 |
---|---|
XYZ | 24.925, 14.765, 88.72 |
xyY | 0.194, 0.115, 14.765 |
CIE-LCH | 45.311, 98.42, 304.516 |
CIE-LUV | 45.311, -1.96, -123.156 |
Hunter-Lab | 38.425, 48.542, -109.998 |
Binary | 01101000, 01001100, 11110110 |
Color Schemes with #684cf6
Alternatives to #684cf6
Below, you can see some colors close to #684cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684cf6 Preview
This text has a font color of #684cf6.
<span style="color:#684cf6;">Text here</span>
This paragraph has a background color of #684cf6.
<p style="background-color:#684cf6;">Content here</p>
This element has a border color of #684cf6.
<div style="border:1px solid #684cf6;">Content here</div>
.text {color:#684cf6;}
.background {background-color:#684cf6;}
.border {border:1px solid #684cf6;}
Shades and Tints of #684cf6
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, #020008 is the darkest color, while #f6f4fe is the lightest one.
-
#020008
#020008
rgb(2,0,8)
-
#05011a
#05011a
rgb(5,1,26)
-
#09022d
#09022d
rgb(9,2,45)
-
#0d0340
#0d0340
rgb(13,3,64)
-
#110452
#110452
rgb(17,4,82)
-
#150565
#150565
rgb(21,5,101)
-
#190678
#190678
rgb(25,6,120)
-
#1d078a
#1d078a
rgb(29,7,138)
-
#20089d
#20089d
rgb(32,8,157)
-
#2409b0
#2409b0
rgb(36,9,176)
-
#280ac3
#280ac3
rgb(40,10,195)
-
#2c0bd5
#2c0bd5
rgb(44,11,213)
-
#300ce8
#300ce8
rgb(48,12,232)
-
#3914f3
#3914f3
rgb(57,20,243)
-
#4827f4
#4827f4
rgb(72,39,244)
-
#5839f5
#5839f5
rgb(88,57,245)
-
#684cf6
#684cf6
rgb(104,76,246)
-
#785ff7
#785ff7
rgb(120,95,247)
-
#8871f8
#8871f8
rgb(136,113,248)
-
#9784f9
#9784f9
rgb(151,132,249)
-
#a797fa
#a797fa
rgb(167,151,250)
-
#b7a9fb
#b7a9fb
rgb(183,169,251)
-
#c7bcfc
#c7bcfc
rgb(199,188,252)
-
#d6cffd
#d6cffd
rgb(214,207,253)
-
#e6e1fe
#e6e1fe
rgb(230,225,254)
-
#f6f4fe
#f6f4fe
rgb(246,244,254)
Tones of #684cf6
A tone is produced by adding gray to any pure hue. In this case, #9d9ca6 is the less saturated color, while #6345fd is the most saturated one.
-
#9d9ca6
#9d9ca6
rgb(157,156,166)
-
#9894ae
#9894ae
rgb(152,148,174)
-
#948db5
#948db5
rgb(148,141,181)
-
#8f86bc
#8f86bc
rgb(143,134,188)
-
#8a7fc3
#8a7fc3
rgb(138,127,195)
-
#8577cb
#8577cb
rgb(133,119,203)
-
#8070d2
#8070d2
rgb(128,112,210)
-
#7b69d9
#7b69d9
rgb(123,105,217)
-
#7762e0
#7762e0
rgb(119,98,224)
-
#725ae8
#725ae8
rgb(114,90,232)
-
#6d53ef
#6d53ef
rgb(109,83,239)
-
#684cf6
#684cf6
rgb(104,76,246)
-
#6345fd
#6345fd
rgb(99,69,253)
Color Blindness Simulator
Below, you can see how #684cf6 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.