#684bf9 Color Information
In a RGB color space, hex #684bf9 is composed of 40.8% red, 29.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 69.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 250 degrees, a saturation of 93.5% and a lightness of 63.5%. #684bf9 color hex could be obtained by blending #d096ff with #0000f3. Closest websafe color is: #6633ff.
-
- R 41
- G 29
- B 98
-
- C 58
- M 70
- Y 0
- K 2
● #684bf9 color description : Soft blue.
#684bf9 Color Conversion
The hexadecimal color #684bf9 has RGB values of R:104, G:75, B:249 and CMYK values of C:0.58, M:0.7, Y:0, K:0.02. Its decimal value is 6835193.
Hex triplet | 684bf9 | #684bf9 |
---|---|---|
RGB Decimal | 104, 75, 249 | rgb(104,75,249) |
RGB Percent | 40.8, 29.4, 97.6 | rgb(40.8%,29.4%,97.6%) |
CMYK | 58, 70, 0, 2 | |
HSL | 250°, 93.5, 63.5 | hsl(250,93.5%,63.5%) |
HSV (or HSB) | 250°, 69.9, 97.6 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 45.378, 57.162, -82.663 |
---|---|
XYZ | 25.321, 14.814, 91.142 |
xyY | 0.193, 0.113, 14.814 |
CIE-LCH | 45.378, 100.502, 304.664 |
CIE-LUV | 45.378, -2.019, -125.306 |
Hunter-Lab | 38.489, 50.075, -113.458 |
Binary | 01101000, 01001011, 11111001 |
Color Schemes with #684bf9
Alternatives to #684bf9
Below, you can see some colors close to #684bf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684bf9 Preview
This text has a font color of #684bf9.
<span style="color:#684bf9;">Text here</span>
This paragraph has a background color of #684bf9.
<p style="background-color:#684bf9;">Content here</p>
This element has a border color of #684bf9.
<div style="border:1px solid #684bf9;">Content here</div>
.text {color:#684bf9;}
.background {background-color:#684bf9;}
.border {border:1px solid #684bf9;}
Shades and Tints of #684bf9
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)
-
#06011d
#06011d
rgb(6,1,29)
-
#090230
#090230
rgb(9,2,48)
-
#0d0243
#0d0243
rgb(13,2,67)
-
#110356
#110356
rgb(17,3,86)
-
#140369
#140369
rgb(20,3,105)
-
#18047c
#18047c
rgb(24,4,124)
-
#1c058f
#1c058f
rgb(28,5,143)
-
#1f05a2
#1f05a2
rgb(31,5,162)
-
#2306b5
#2306b5
rgb(35,6,181)
-
#2707c8
#2707c8
rgb(39,7,200)
-
#2b07db
#2b07db
rgb(43,7,219)
-
#2e08ee
#2e08ee
rgb(46,8,238)
-
#3812f7
#3812f7
rgb(56,18,247)
-
#4825f8
#4825f8
rgb(72,37,248)
-
#5838f8
#5838f8
rgb(88,56,248)
-
#684bf9
#684bf9
rgb(104,75,249)
-
#785efa
#785efa
rgb(120,94,250)
-
#8871fa
#8871fa
rgb(136,113,250)
-
#9884fb
#9884fb
rgb(152,132,251)
-
#a897fc
#a897fc
rgb(168,151,252)
-
#b8aafc
#b8aafc
rgb(184,170,252)
-
#c8bdfd
#c8bdfd
rgb(200,189,253)
-
#d7d0fd
#d7d0fd
rgb(215,208,253)
-
#e7e3fe
#e7e3fe
rgb(231,227,254)
-
#f7f6ff
#f7f6ff
rgb(247,246,255)
Tones of #684bf9
A tone is produced by adding gray to any pure hue. In this case, #a1a1a3 is the less saturated color, while #684bf9 is the most saturated one.
-
#a1a1a3
#a1a1a3
rgb(161,161,163)
-
#9c9aaa
#9c9aaa
rgb(156,154,170)
-
#9893b1
#9893b1
rgb(152,147,177)
-
#938bb9
#938bb9
rgb(147,139,185)
-
#8e84c0
#8e84c0
rgb(142,132,192)
-
#897dc7
#897dc7
rgb(137,125,199)
-
#8576ce
#8576ce
rgb(133,118,206)
-
#806fd5
#806fd5
rgb(128,111,213)
-
#7b68dc
#7b68dc
rgb(123,104,220)
-
#7660e4
#7660e4
rgb(118,96,228)
-
#7259eb
#7259eb
rgb(114,89,235)
-
#6d52f2
#6d52f2
rgb(109,82,242)
-
#684bf9
#684bf9
rgb(104,75,249)
Color Blindness Simulator
Below, you can see how #684bf9 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.