#684eff Color Information
In a RGB color space, hex #684eff is composed of 40.8% red, 30.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 69.4% magenta, 0% yellow and 0% black. It has a hue angle of 248.8 degrees, a saturation of 100% and a lightness of 65.3%. #684eff color hex could be obtained by blending #d09cff with #0000ff. Closest websafe color is: #6666ff.
-
- R 41
- G 31
- B 100
-
- C 59
- M 69
- Y 0
- K 0
● #684eff color description : Light blue.
#684eff Color Conversion
The hexadecimal color #684eff has RGB values of R:104, G:78, B:255 and CMYK values of C:0.59, M:0.69, Y:0, K:0. Its decimal value is 6835967.
Hex triplet | 684eff | #684eff |
---|---|---|
RGB Decimal | 104, 78, 255 | rgb(104,78,255) |
RGB Percent | 40.8, 30.6, 100 | rgb(40.8%,30.6%,100%) |
CMYK | 59, 69, 0, 0 | |
HSL | 248.8°, 100, 65.3 | hsl(248.8,100%,65.3%) |
HSV (or HSB) | 248.8°, 69.4, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.46, 57.337, -84.236 |
---|---|
XYZ | 26.48, 15.611, 96.22 |
xyY | 0.191, 0.113, 15.611 |
CIE-LCH | 46.46, 101.898, 304.242 |
CIE-LUV | 46.46, -3.029, -128.382 |
Hunter-Lab | 39.511, 50.487, -116.732 |
Binary | 01101000, 01001110, 11111111 |
Color Schemes with #684eff
Alternatives to #684eff
Below, you can see some colors close to #684eff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684eff Preview
This text has a font color of #684eff.
<span style="color:#684eff;">Text here</span>
This paragraph has a background color of #684eff.
<p style="background-color:#684eff;">Content here</p>
This element has a border color of #684eff.
<div style="border:1px solid #684eff;">Content here</div>
.text {color:#684eff;}
.background {background-color:#684eff;}
.border {border:1px solid #684eff;}
Shades and Tints of #684eff
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, #030013 is the darkest color, while #ffffff is the lightest one.
-
#030013
#030013
rgb(3,0,19)
-
#060027
#060027
rgb(6,0,39)
-
#09003a
#09003a
rgb(9,0,58)
-
#0b004e
#0b004e
rgb(11,0,78)
-
#0e0062
#0e0062
rgb(14,0,98)
-
#110075
#110075
rgb(17,0,117)
-
#140089
#140089
rgb(20,0,137)
-
#17009c
#17009c
rgb(23,0,156)
-
#1a00b0
#1a00b0
rgb(26,0,176)
-
#1d00c4
#1d00c4
rgb(29,0,196)
-
#2000d7
#2000d7
rgb(32,0,215)
-
#2300eb
#2300eb
rgb(35,0,235)
-
#2500ff
#2500ff
rgb(37,0,255)
-
#3613ff
#3613ff
rgb(54,19,255)
-
#4727ff
#4727ff
rgb(71,39,255)
-
#573aff
#573aff
rgb(87,58,255)
-
#684eff
#684eff
rgb(104,78,255)
-
#7962ff
#7962ff
rgb(121,98,255)
-
#8975ff
#8975ff
rgb(137,117,255)
-
#9a89ff
#9a89ff
rgb(154,137,255)
-
#ab9cff
#ab9cff
rgb(171,156,255)
-
#bcb0ff
#bcb0ff
rgb(188,176,255)
-
#ccc4ff
#ccc4ff
rgb(204,196,255)
-
#ddd7ff
#ddd7ff
rgb(221,215,255)
-
#eeebff
#eeebff
rgb(238,235,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #684eff
A tone is produced by adding gray to any pure hue. In this case, #a2a0ad is the less saturated color, while #684eff is the most saturated one.
-
#a2a0ad
#a2a0ad
rgb(162,160,173)
-
#9d99b4
#9d99b4
rgb(157,153,180)
-
#9892bb
#9892bb
rgb(152,146,187)
-
#938bc2
#938bc2
rgb(147,139,194)
-
#8e84c9
#8e84c9
rgb(142,132,201)
-
#8a7ecf
#8a7ecf
rgb(138,126,207)
-
#8577d6
#8577d6
rgb(133,119,214)
-
#8070dd
#8070dd
rgb(128,112,221)
-
#7b69e4
#7b69e4
rgb(123,105,228)
-
#7662eb
#7662eb
rgb(118,98,235)
-
#725cf1
#725cf1
rgb(114,92,241)
-
#6d55f8
#6d55f8
rgb(109,85,248)
-
#684eff
#684eff
rgb(104,78,255)
Color Blindness Simulator
Below, you can see how #684eff 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.