#684ff6 Color Information
In a RGB color space, hex #684ff6 is composed of 40.8% red, 31% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 67.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 249 degrees, a saturation of 90.3% and a lightness of 63.7%. #684ff6 color hex could be obtained by blending #d09eff with #0000ed. Closest websafe color is: #6666ff.
-
- R 41
- G 31
- B 96
-
- C 58
- M 68
- Y 0
- K 4
● #684ff6 color description : Soft blue.
#684ff6 Color Conversion
The hexadecimal color #684ff6 has RGB values of R:104, G:79, B:246 and CMYK values of C:0.58, M:0.68, Y:0, K:0.04. Its decimal value is 6836214.
Hex triplet | 684ff6 | #684ff6 |
---|---|---|
RGB Decimal | 104, 79, 246 | rgb(104,79,246) |
RGB Percent | 40.8, 31, 96.5 | rgb(40.8%,31%,96.5%) |
CMYK | 58, 68, 0, 4 | |
HSL | 249°, 90.3, 63.7 | hsl(249,90.3%,63.7%) |
HSV (or HSB) | 249°, 67.9, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.891, 54.171, -80.145 |
---|---|
XYZ | 25.136, 15.188, 88.791 |
xyY | 0.195, 0.118, 15.188 |
CIE-LCH | 45.891, 96.735, 304.055 |
CIE-LUV | 45.891, -2.526, -122.374 |
Hunter-Lab | 38.972, 46.93, -107.802 |
Binary | 01101000, 01001111, 11110110 |
Color Schemes with #684ff6
Alternatives to #684ff6
Below, you can see some colors close to #684ff6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684ff6 Preview
This text has a font color of #684ff6.
<span style="color:#684ff6;">Text here</span>
This paragraph has a background color of #684ff6.
<p style="background-color:#684ff6;">Content here</p>
This element has a border color of #684ff6.
<div style="border:1px solid #684ff6;">Content here</div>
.text {color:#684ff6;}
.background {background-color:#684ff6;}
.border {border:1px solid #684ff6;}
Shades and Tints of #684ff6
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, #02010b is the darkest color, while #f8f7ff is the lightest one.
-
#02010b
#02010b
rgb(2,1,11)
-
#06011d
#06011d
rgb(6,1,29)
-
#090230
#090230
rgb(9,2,48)
-
#0d0343
#0d0343
rgb(13,3,67)
-
#100455
#100455
rgb(16,4,85)
-
#140568
#140568
rgb(20,5,104)
-
#18067b
#18067b
rgb(24,6,123)
-
#1b078d
#1b078d
rgb(27,7,141)
-
#1f08a0
#1f08a0
rgb(31,8,160)
-
#2209b3
#2209b3
rgb(34,9,179)
-
#260ac5
#260ac5
rgb(38,10,197)
-
#2a0bd8
#2a0bd8
rgb(42,11,216)
-
#2d0ceb
#2d0ceb
rgb(45,12,235)
-
#3817f3
#3817f3
rgb(56,23,243)
-
#482af4
#482af4
rgb(72,42,244)
-
#583cf5
#583cf5
rgb(88,60,245)
-
#684ff6
#684ff6
rgb(104,79,246)
-
#7862f7
#7862f7
rgb(120,98,247)
-
#8874f8
#8874f8
rgb(136,116,248)
-
#9887f9
#9887f9
rgb(152,135,249)
-
#a89afa
#a89afa
rgb(168,154,250)
-
#b8acfb
#b8acfb
rgb(184,172,251)
-
#c8bffc
#c8bffc
rgb(200,191,252)
-
#d8d2fd
#d8d2fd
rgb(216,210,253)
-
#e8e4fe
#e8e4fe
rgb(232,228,254)
-
#f8f7ff
#f8f7ff
rgb(248,247,255)
Tones of #684ff6
A tone is produced by adding gray to any pure hue. In this case, #9f9da8 is the less saturated color, while #6348fd is the most saturated one.
-
#9f9da8
#9f9da8
rgb(159,157,168)
-
#9a96af
#9a96af
rgb(154,150,175)
-
#958fb6
#958fb6
rgb(149,143,182)
-
#9088bd
#9088bd
rgb(144,136,189)
-
#8b81c4
#8b81c4
rgb(139,129,196)
-
#867acb
#867acb
rgb(134,122,203)
-
#8173d2
#8173d2
rgb(129,115,210)
-
#7c6bda
#7c6bda
rgb(124,107,218)
-
#7764e1
#7764e1
rgb(119,100,225)
-
#725de8
#725de8
rgb(114,93,232)
-
#6d56ef
#6d56ef
rgb(109,86,239)
-
#684ff6
#684ff6
rgb(104,79,246)
-
#6348fd
#6348fd
rgb(99,72,253)
Color Blindness Simulator
Below, you can see how #684ff6 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.