#684bf5 Color Information
In a RGB color space, hex #684bf5 is composed of 40.8% red, 29.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 69.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 250.2 degrees, a saturation of 89.5% and a lightness of 62.7%. #684bf5 color hex could be obtained by blending #d096ff with #0000eb. Closest websafe color is: #6633ff.
-
- R 41
- G 29
- B 96
-
- C 58
- M 69
- Y 0
- K 4
● #684bf5 color description : Soft blue.
#684bf5 Color Conversion
The hexadecimal color #684bf5 has RGB values of R:104, G:75, B:245 and CMYK values of C:0.58, M:0.69, Y:0, K:0.04. Its decimal value is 6835189.
Hex triplet | 684bf5 | #684bf5 |
---|---|---|
RGB Decimal | 104, 75, 245 | rgb(104,75,245) |
RGB Percent | 40.8, 29.4, 96.1 | rgb(40.8%,29.4%,96.1%) |
CMYK | 58, 69, 0, 4 | |
HSL | 250.2°, 89.5, 62.7 | hsl(250.2,89.5%,62.7%) |
HSV (or HSB) | 250.2°, 69.4, 96.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 45.035, 56.004, -80.986 |
---|---|
XYZ | 24.703, 14.567, 87.891 |
xyY | 0.194, 0.115, 14.567 |
CIE-LCH | 45.035, 98.464, 304.665 |
CIE-LUV | 45.035, -1.696, -122.765 |
Hunter-Lab | 38.167, 48.742, -109.818 |
Binary | 01101000, 01001011, 11110101 |
Color Schemes with #684bf5
Alternatives to #684bf5
Below, you can see some colors close to #684bf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684bf5 Preview
This text has a font color of #684bf5.
<span style="color:#684bf5;">Text here</span>
This paragraph has a background color of #684bf5.
<p style="background-color:#684bf5;">Content here</p>
This element has a border color of #684bf5.
<div style="border:1px solid #684bf5;">Content here</div>
.text {color:#684bf5;}
.background {background-color:#684bf5;}
.border {border:1px solid #684bf5;}
Shades and Tints of #684bf5
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, #010006 is the darkest color, while #f4f2fe is the lightest one.
-
#010006
#010006
rgb(1,0,6)
-
#050118
#050118
rgb(5,1,24)
-
#09022b
#09022b
rgb(9,2,43)
-
#0d033e
#0d033e
rgb(13,3,62)
-
#110450
#110450
rgb(17,4,80)
-
#150563
#150563
rgb(21,5,99)
-
#190775
#190775
rgb(25,7,117)
-
#1d0888
#1d0888
rgb(29,8,136)
-
#21099a
#21099a
rgb(33,9,154)
-
#250aad
#250aad
rgb(37,10,173)
-
#2a0bc0
#2a0bc0
rgb(42,11,192)
-
#2e0cd2
#2e0cd2
rgb(46,12,210)
-
#320de5
#320de5
rgb(50,13,229)
-
#3913f2
#3913f2
rgb(57,19,242)
-
#4926f3
#4926f3
rgb(73,38,243)
-
#5838f4
#5838f4
rgb(88,56,244)
-
#684bf5
#684bf5
rgb(104,75,245)
-
#785ef6
#785ef6
rgb(120,94,246)
-
#8770f7
#8770f7
rgb(135,112,247)
-
#9783f8
#9783f8
rgb(151,131,248)
-
#a695f9
#a695f9
rgb(166,149,249)
-
#b6a8fa
#b6a8fa
rgb(182,168,250)
-
#c6bafb
#c6bafb
rgb(198,186,251)
-
#d5cdfc
#d5cdfc
rgb(213,205,252)
-
#e5e0fd
#e5e0fd
rgb(229,224,253)
-
#f4f2fe
#f4f2fe
rgb(244,242,254)
Tones of #684bf5
A tone is produced by adding gray to any pure hue. In this case, #9d9ba5 is the less saturated color, while #6344fc is the most saturated one.
-
#9d9ba5
#9d9ba5
rgb(157,155,165)
-
#9894ac
#9894ac
rgb(152,148,172)
-
#938db3
#938db3
rgb(147,141,179)
-
#8f85bb
#8f85bb
rgb(143,133,187)
-
#8a7ec2
#8a7ec2
rgb(138,126,194)
-
#8577c9
#8577c9
rgb(133,119,201)
-
#8070d0
#8070d0
rgb(128,112,208)
-
#7b68d8
#7b68d8
rgb(123,104,216)
-
#7661df
#7661df
rgb(118,97,223)
-
#725ae6
#725ae6
rgb(114,90,230)
-
#6d52ee
#6d52ee
rgb(109,82,238)
-
#684bf5
#684bf5
rgb(104,75,245)
-
#6344fc
#6344fc
rgb(99,68,252)
Color Blindness Simulator
Below, you can see how #684bf5 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.