#684fff Color Information
In a RGB color space, hex #684fff is composed of 40.8% red, 31% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 69% magenta, 0% yellow and 0% black. It has a hue angle of 248.5 degrees, a saturation of 100% and a lightness of 65.5%. #684fff color hex could be obtained by blending #d09eff with #0000ff. Closest websafe color is: #6666ff.
-
- R 41
- G 31
- B 100
-
- C 59
- M 69
- Y 0
- K 0
● #684fff color description : Light blue.
#684fff Color Conversion
The hexadecimal color #684fff has RGB values of R:104, G:79, B:255 and CMYK values of C:0.59, M:0.69, Y:0, K:0. Its decimal value is 6836223.
Hex triplet | 684fff | #684fff |
---|---|---|
RGB Decimal | 104, 79, 255 | rgb(104,79,255) |
RGB Percent | 40.8, 31, 100 | rgb(40.8%,31%,100%) |
CMYK | 59, 69, 0, 0 | |
HSL | 248.5°, 100, 65.5 | hsl(248.5,100%,65.5%) |
HSV (or HSB) | 248.5°, 69, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.65, 56.81, -83.924 |
---|---|
XYZ | 26.551, 15.754, 96.244 |
xyY | 0.192, 0.114, 15.754 |
CIE-LCH | 46.65, 101.344, 304.095 |
CIE-LUV | 46.65, -3.212, -128.136 |
Hunter-Lab | 39.691, 49.947, -115.983 |
Binary | 01101000, 01001111, 11111111 |
Color Schemes with #684fff
Alternatives to #684fff
Below, you can see some colors close to #684fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684fff Preview
This text has a font color of #684fff.
<span style="color:#684fff;">Text here</span>
This paragraph has a background color of #684fff.
<p style="background-color:#684fff;">Content here</p>
This element has a border color of #684fff.
<div style="border:1px solid #684fff;">Content here</div>
.text {color:#684fff;}
.background {background-color:#684fff;}
.border {border:1px solid #684fff;}
Shades and Tints of #684fff
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, #000001 is the darkest color, while #efecff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030014
#030014
rgb(3,0,20)
-
#060028
#060028
rgb(6,0,40)
-
#08003b
#08003b
rgb(8,0,59)
-
#0b004f
#0b004f
rgb(11,0,79)
-
#0e0063
#0e0063
rgb(14,0,99)
-
#110076
#110076
rgb(17,0,118)
-
#14008a
#14008a
rgb(20,0,138)
-
#16009d
#16009d
rgb(22,0,157)
-
#1900b1
#1900b1
rgb(25,0,177)
-
#1c00c5
#1c00c5
rgb(28,0,197)
-
#1f00d8
#1f00d8
rgb(31,0,216)
-
#2200ec
#2200ec
rgb(34,0,236)
-
#2501ff
#2501ff
rgb(37,1,255)
-
#3614ff
#3614ff
rgb(54,20,255)
-
#4628ff
#4628ff
rgb(70,40,255)
-
#573bff
#573bff
rgb(87,59,255)
-
#684fff
#684fff
rgb(104,79,255)
-
#7963ff
#7963ff
rgb(121,99,255)
-
#8a76ff
#8a76ff
rgb(138,118,255)
-
#9a8aff
#9a8aff
rgb(154,138,255)
-
#ab9dff
#ab9dff
rgb(171,157,255)
-
#bcb1ff
#bcb1ff
rgb(188,177,255)
-
#cdc5ff
#cdc5ff
rgb(205,197,255)
-
#ded8ff
#ded8ff
rgb(222,216,255)
-
#efecff
#efecff
rgb(239,236,255)
Tones of #684fff
A tone is produced by adding gray to any pure hue. In this case, #a2a0ae is the less saturated color, while #684fff is the most saturated one.
-
#a2a0ae
#a2a0ae
rgb(162,160,174)
-
#9d99b5
#9d99b5
rgb(157,153,181)
-
#9893bb
#9893bb
rgb(152,147,187)
-
#948cc2
#948cc2
rgb(148,140,194)
-
#8f85c9
#8f85c9
rgb(143,133,201)
-
#8a7ed0
#8a7ed0
rgb(138,126,208)
-
#8578d6
#8578d6
rgb(133,120,214)
-
#8071dd
#8071dd
rgb(128,113,221)
-
#7b6ae4
#7b6ae4
rgb(123,106,228)
-
#7763eb
#7763eb
rgb(119,99,235)
-
#725df1
#725df1
rgb(114,93,241)
-
#6d56f8
#6d56f8
rgb(109,86,248)
-
#684fff
#684fff
rgb(104,79,255)
Color Blindness Simulator
Below, you can see how #684fff 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.