#684cf5 Color Information
In a RGB color space, hex #684cf5 is composed of 40.8% red, 29.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 69% magenta, 0% yellow and 3.9% black. It has a hue angle of 249.9 degrees, a saturation of 89.4% and a lightness of 62.9%. #684cf5 color hex could be obtained by blending #d098ff with #0000eb. Closest websafe color is: #6633ff.
-
- R 41
- G 30
- B 96
-
- C 58
- M 69
- Y 0
- K 4
● #684cf5 color description : Soft blue.
#684cf5 Color Conversion
The hexadecimal color #684cf5 has RGB values of R:104, G:76, B:245 and CMYK values of C:0.58, M:0.69, Y:0, K:0.04. Its decimal value is 6835445.
Hex triplet | 684cf5 | #684cf5 |
---|---|---|
RGB Decimal | 104, 76, 245 | rgb(104,76,245) |
RGB Percent | 40.8, 29.8, 96.1 | rgb(40.8%,29.8%,96.1%) |
CMYK | 58, 69, 0, 4 | |
HSL | 249.9°, 89.4, 62.9 | hsl(249.9,89.4%,62.9%) |
HSV (or HSB) | 249.9°, 69, 96.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 45.226, 55.477, -80.674 |
---|---|
XYZ | 24.772, 14.704, 87.914 |
xyY | 0.194, 0.115, 14.704 |
CIE-LCH | 45.226, 97.908, 304.515 |
CIE-LUV | 45.226, -1.879, -122.516 |
Hunter-Lab | 38.345, 48.209, -109.092 |
Binary | 01101000, 01001100, 11110101 |
Color Schemes with #684cf5
Alternatives to #684cf5
Below, you can see some colors close to #684cf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684cf5 Preview
This text has a font color of #684cf5.
<span style="color:#684cf5;">Text here</span>
This paragraph has a background color of #684cf5.
<p style="background-color:#684cf5;">Content here</p>
This element has a border color of #684cf5.
<div style="border:1px solid #684cf5;">Content here</div>
.text {color:#684cf5;}
.background {background-color:#684cf5;}
.border {border:1px solid #684cf5;}
Shades and Tints of #684cf5
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, #010007 is the darkest color, while #f5f3fe is the lightest one.
-
#010007
#010007
rgb(1,0,7)
-
#050119
#050119
rgb(5,1,25)
-
#09022c
#09022c
rgb(9,2,44)
-
#0d033f
#0d033f
rgb(13,3,63)
-
#110551
#110551
rgb(17,5,81)
-
#150664
#150664
rgb(21,6,100)
-
#190776
#190776
rgb(25,7,118)
-
#1d0889
#1d0889
rgb(29,8,137)
-
#21099b
#21099b
rgb(33,9,155)
-
#250aae
#250aae
rgb(37,10,174)
-
#290bc1
#290bc1
rgb(41,11,193)
-
#2d0cd3
#2d0cd3
rgb(45,12,211)
-
#310de6
#310de6
rgb(49,13,230)
-
#3914f2
#3914f2
rgb(57,20,242)
-
#4927f3
#4927f3
rgb(73,39,243)
-
#5839f4
#5839f4
rgb(88,57,244)
-
#684cf5
#684cf5
rgb(104,76,245)
-
#785ff6
#785ff6
rgb(120,95,246)
-
#8771f7
#8771f7
rgb(135,113,247)
-
#9784f8
#9784f8
rgb(151,132,248)
-
#a796f9
#a796f9
rgb(167,150,249)
-
#b6a9fa
#b6a9fa
rgb(182,169,250)
-
#c6bbfb
#c6bbfb
rgb(198,187,251)
-
#d6cefc
#d6cefc
rgb(214,206,252)
-
#e5e1fd
#e5e1fd
rgb(229,225,253)
-
#f5f3fe
#f5f3fe
rgb(245,243,254)
Tones of #684cf5
A tone is produced by adding gray to any pure hue. In this case, #9d9ca5 is the less saturated color, while #6345fc is the most saturated one.
-
#9d9ca5
#9d9ca5
rgb(157,156,165)
-
#9995ac
#9995ac
rgb(153,149,172)
-
#948db4
#948db4
rgb(148,141,180)
-
#8f86bb
#8f86bb
rgb(143,134,187)
-
#8a7fc2
#8a7fc2
rgb(138,127,194)
-
#8578c9
#8578c9
rgb(133,120,201)
-
#8070d1
#8070d1
rgb(128,112,209)
-
#7b69d8
#7b69d8
rgb(123,105,216)
-
#7762df
#7762df
rgb(119,98,223)
-
#725be6
#725be6
rgb(114,91,230)
-
#6d53ee
#6d53ee
rgb(109,83,238)
-
#684cf5
#684cf5
rgb(104,76,245)
-
#6345fc
#6345fc
rgb(99,69,252)
Color Blindness Simulator
Below, you can see how #684cf5 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.