#684ef6 Color Information
In a RGB color space, hex #684ef6 is composed of 40.8% red, 30.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 68.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 249.3 degrees, a saturation of 90.3% and a lightness of 63.5%. #684ef6 color hex could be obtained by blending #d09cff with #0000ed. Closest websafe color is: #6666ff.
-
- R 41
- G 31
- B 96
-
- C 58
- M 68
- Y 0
- K 4
● #684ef6 color description : Soft blue.
#684ef6 Color Conversion
The hexadecimal color #684ef6 has RGB values of R:104, G:78, B:246 and CMYK values of C:0.58, M:0.68, Y:0, K:0.04. Its decimal value is 6835958.
Hex triplet | 684ef6 | #684ef6 |
---|---|---|
RGB Decimal | 104, 78, 246 | rgb(104,78,246) |
RGB Percent | 40.8, 30.6, 96.5 | rgb(40.8%,30.6%,96.5%) |
CMYK | 58, 68, 0, 4 | |
HSL | 249.3°, 90.3, 63.5 | hsl(249.3,90.3%,63.5%) |
HSV (or HSB) | 249.3°, 68.3, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.695, 54.707, -80.464 |
---|---|
XYZ | 25.065, 15.045, 88.767 |
xyY | 0.194, 0.117, 15.045 |
CIE-LCH | 45.695, 97.3, 304.211 |
CIE-LUV | 45.695, -2.334, -122.642 |
Hunter-Lab | 38.788, 47.469, -108.536 |
Binary | 01101000, 01001110, 11110110 |
Color Schemes with #684ef6
Alternatives to #684ef6
Below, you can see some colors close to #684ef6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684ef6 Preview
This text has a font color of #684ef6.
<span style="color:#684ef6;">Text here</span>
This paragraph has a background color of #684ef6.
<p style="background-color:#684ef6;">Content here</p>
This element has a border color of #684ef6.
<div style="border:1px solid #684ef6;">Content here</div>
.text {color:#684ef6;}
.background {background-color:#684ef6;}
.border {border:1px solid #684ef6;}
Shades and Tints of #684ef6
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, #02000a is the darkest color, while #f7f6ff is the lightest one.
-
#02000a
#02000a
rgb(2,0,10)
-
#06011c
#06011c
rgb(6,1,28)
-
#09022f
#09022f
rgb(9,2,47)
-
#0d0342
#0d0342
rgb(13,3,66)
-
#110454
#110454
rgb(17,4,84)
-
#140567
#140567
rgb(20,5,103)
-
#18067a
#18067a
rgb(24,6,122)
-
#1c078c
#1c078c
rgb(28,7,140)
-
#1f089f
#1f089f
rgb(31,8,159)
-
#2309b2
#2309b2
rgb(35,9,178)
-
#270ac4
#270ac4
rgb(39,10,196)
-
#2b0bd7
#2b0bd7
rgb(43,11,215)
-
#2e0cea
#2e0cea
rgb(46,12,234)
-
#3816f3
#3816f3
rgb(56,22,243)
-
#4829f4
#4829f4
rgb(72,41,244)
-
#583bf5
#583bf5
rgb(88,59,245)
-
#684ef6
#684ef6
rgb(104,78,246)
-
#7861f7
#7861f7
rgb(120,97,247)
-
#8873f8
#8873f8
rgb(136,115,248)
-
#9886f9
#9886f9
rgb(152,134,249)
-
#a899fa
#a899fa
rgb(168,153,250)
-
#b8abfb
#b8abfb
rgb(184,171,251)
-
#c8befc
#c8befc
rgb(200,190,252)
-
#d7d1fd
#d7d1fd
rgb(215,209,253)
-
#e7e3fe
#e7e3fe
rgb(231,227,254)
-
#f7f6ff
#f7f6ff
rgb(247,246,255)
Tones of #684ef6
A tone is produced by adding gray to any pure hue. In this case, #9e9da7 is the less saturated color, while #6347fd is the most saturated one.
-
#9e9da7
#9e9da7
rgb(158,157,167)
-
#9996ae
#9996ae
rgb(153,150,174)
-
#948eb6
#948eb6
rgb(148,142,182)
-
#9087bd
#9087bd
rgb(144,135,189)
-
#8b80c4
#8b80c4
rgb(139,128,196)
-
#8679cb
#8679cb
rgb(134,121,203)
-
#8172d2
#8172d2
rgb(129,114,210)
-
#7c6bd9
#7c6bd9
rgb(124,107,217)
-
#7763e1
#7763e1
rgb(119,99,225)
-
#725ce8
#725ce8
rgb(114,92,232)
-
#6d55ef
#6d55ef
rgb(109,85,239)
-
#684ef6
#684ef6
rgb(104,78,246)
-
#6347fd
#6347fd
rgb(99,71,253)
Color Blindness Simulator
Below, you can see how #684ef6 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.