#684be0 Color Information
In a RGB color space, hex #684be0 is composed of 40.8% red, 29.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 66.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 251.7 degrees, a saturation of 70.6% and a lightness of 58.6%. #684be0 color hex could be obtained by blending #d096ff with #0000c1. Closest websafe color is: #6633cc.
-
- R 41
- G 29
- B 88
-
- C 54
- M 67
- Y 0
- K 12
● #684be0 color description : Soft blue.
#684be0 Color Conversion
The hexadecimal color #684be0 has RGB values of R:104, G:75, B:224 and CMYK values of C:0.54, M:0.67, Y:0, K:0.12. Its decimal value is 6835168.
Hex triplet | 684be0 | #684be0 |
---|---|---|
RGB Decimal | 104, 75, 224 | rgb(104,75,224) |
RGB Percent | 40.8, 29.4, 87.8 | rgb(40.8%,29.4%,87.8%) |
CMYK | 54, 67, 0, 12 | |
HSL | 251.7°, 70.6, 58.6 | hsl(251.7,70.6%,58.6%) |
HSV (or HSB) | 251.7°, 66.5, 87.8 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 43.295, 49.902, -71.971 |
---|---|
XYZ | 21.677, 13.356, 71.953 |
xyY | 0.203, 0.125, 13.356 |
CIE-LCH | 43.295, 87.578, 304.736 |
CIE-LUV | 43.295, 0.1, -109.087 |
Hunter-Lab | 36.546, 41.919, -91.148 |
Binary | 01101000, 01001011, 11100000 |
Color Schemes with #684be0
Alternatives to #684be0
Below, you can see some colors close to #684be0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684be0 Preview
This text has a font color of #684be0.
<span style="color:#684be0;">Text here</span>
This paragraph has a background color of #684be0.
<p style="background-color:#684be0;">Content here</p>
This element has a border color of #684be0.
<div style="border:1px solid #684be0;">Content here</div>
.text {color:#684be0;}
.background {background-color:#684be0;}
.border {border:1px solid #684be0;}
Shades and Tints of #684be0
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, #010104 is the darkest color, while #f4f2fd is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#070415
#070415
rgb(7,4,21)
-
#0d0626
#0d0626
rgb(13,6,38)
-
#120936
#120936
rgb(18,9,54)
-
#180c47
#180c47
rgb(24,12,71)
-
#1d0f58
#1d0f58
rgb(29,15,88)
-
#231268
#231268
rgb(35,18,104)
-
#281579
#281579
rgb(40,21,121)
-
#2e188a
#2e188a
rgb(46,24,138)
-
#341b9b
#341b9b
rgb(52,27,155)
-
#391eab
#391eab
rgb(57,30,171)
-
#3f20bc
#3f20bc
rgb(63,32,188)
-
#4423cd
#4423cd
rgb(68,35,205)
-
#4c2ada
#4c2ada
rgb(76,42,218)
-
#5a3add
#5a3add
rgb(90,58,221)
-
#684be0
#684be0
rgb(104,75,224)
-
#765ce3
#765ce3
rgb(118,92,227)
-
#846ce6
#846ce6
rgb(132,108,230)
-
#927de9
#927de9
rgb(146,125,233)
-
#a08eec
#a08eec
rgb(160,142,236)
-
#ae9fee
#ae9fee
rgb(174,159,238)
-
#bcaff1
#bcaff1
rgb(188,175,241)
-
#cac0f4
#cac0f4
rgb(202,192,244)
-
#d8d1f7
#d8d1f7
rgb(216,209,247)
-
#e6e2fa
#e6e2fa
rgb(230,226,250)
-
#f4f2fd
#f4f2fd
rgb(244,242,253)
Tones of #684be0
A tone is produced by adding gray to any pure hue. In this case, #959497 is the less saturated color, while #5933f8 is the most saturated one.
-
#959497
#959497
rgb(149,148,151)
-
#908c9f
#908c9f
rgb(144,140,159)
-
#8b84a7
#8b84a7
rgb(139,132,167)
-
#867caf
#867caf
rgb(134,124,175)
-
#8174b7
#8174b7
rgb(129,116,183)
-
#7c6bc0
#7c6bc0
rgb(124,107,192)
-
#7763c8
#7763c8
rgb(119,99,200)
-
#725bd0
#725bd0
rgb(114,91,208)
-
#6d53d8
#6d53d8
rgb(109,83,216)
-
#684be0
#684be0
rgb(104,75,224)
-
#6343e8
#6343e8
rgb(99,67,232)
-
#5e3bf0
#5e3bf0
rgb(94,59,240)
-
#5933f8
#5933f8
rgb(89,51,248)
Color Blindness Simulator
Below, you can see how #684be0 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.