#684bb9 Color Information
In a RGB color space, hex #684bb9 is composed of 40.8% red, 29.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 59.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 255.8 degrees, a saturation of 44% and a lightness of 51%. #684bb9 color hex could be obtained by blending #d096ff with #000073. Closest websafe color is: #6633cc.
-
- R 41
- G 29
- B 73
-
- C 44
- M 59
- Y 0
- K 27
● #684bb9 color description : Moderate violet.
#684bb9 Color Conversion
The hexadecimal color #684bb9 has RGB values of R:104, G:75, B:185 and CMYK values of C:0.44, M:0.59, Y:0, K:0.27. Its decimal value is 6835129.
Hex triplet | 684bb9 | #684bb9 |
---|---|---|
RGB Decimal | 104, 75, 185 | rgb(104,75,185) |
RGB Percent | 40.8, 29.4, 72.5 | rgb(40.8%,29.4%,72.5%) |
CMYK | 44, 59, 0, 27 | |
HSL | 255.8°, 44, 51 | hsl(255.8,44%,51%) |
HSV (or HSB) | 255.8°, 59.5, 72.5 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 40.374, 38.614, -54.187 |
---|---|
XYZ | 16.98, 11.478, 47.217 |
xyY | 0.224, 0.152, 11.478 |
CIE-LCH | 40.374, 66.537, 305.474 |
CIE-LUV | 40.374, 3.929, -81.91 |
Hunter-Lab | 33.879, 30.178, -58.917 |
Binary | 01101000, 01001011, 10111001 |
Color Schemes with #684bb9
Alternatives to #684bb9
Below, you can see some colors close to #684bb9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684bb9 Preview
This text has a font color of #684bb9.
<span style="color:#684bb9;">Text here</span>
This paragraph has a background color of #684bb9.
<p style="background-color:#684bb9;">Content here</p>
This element has a border color of #684bb9.
<div style="border:1px solid #684bb9;">Content here</div>
.text {color:#684bb9;}
.background {background-color:#684bb9;}
.border {border:1px solid #684bb9;}
Shades and Tints of #684bb9
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, #020104 is the darkest color, while #f6f4fb is the lightest one.
-
#020104
#020104
rgb(2,1,4)
-
#0a0712
#0a0712
rgb(10,7,18)
-
#120c20
#120c20
rgb(18,12,32)
-
#19122e
#19122e
rgb(25,18,46)
-
#21173c
#21173c
rgb(33,23,60)
-
#291d4a
#291d4a
rgb(41,29,74)
-
#312258
#312258
rgb(49,34,88)
-
#382866
#382866
rgb(56,40,102)
-
#402d75
#402d75
rgb(64,45,117)
-
#483383
#483383
rgb(72,51,131)
-
#503891
#503891
rgb(80,56,145)
-
#573e9f
#573e9f
rgb(87,62,159)
-
#5f43ad
#5f43ad
rgb(95,67,173)
-
#684bb9
#684bb9
rgb(104,75,185)
-
#7459be
#7459be
rgb(116,89,190)
-
#8067c4
#8067c4
rgb(128,103,196)
-
#8c75c9
#8c75c9
rgb(140,117,201)
-
#9783cf
#9783cf
rgb(151,131,207)
-
#a392d4
#a392d4
rgb(163,146,212)
-
#afa0da
#afa0da
rgb(175,160,218)
-
#bbaedf
#bbaedf
rgb(187,174,223)
-
#c7bce5
#c7bce5
rgb(199,188,229)
-
#d3caea
#d3caea
rgb(211,202,234)
-
#ded8f0
#ded8f0
rgb(222,216,240)
-
#eae6f5
#eae6f5
rgb(234,230,245)
-
#f6f4fb
#f6f4fb
rgb(246,244,251)
Tones of #684bb9
A tone is produced by adding gray to any pure hue. In this case, #7f7b89 is the less saturated color, while #4808fc is the most saturated one.
-
#7f7b89
#7f7b89
rgb(127,123,137)
-
#7a7193
#7a7193
rgb(122,113,147)
-
#76689c
#76689c
rgb(118,104,156)
-
#715ea6
#715ea6
rgb(113,94,166)
-
#6d55af
#6d55af
rgb(109,85,175)
-
#684bb9
#684bb9
rgb(104,75,185)
-
#6341c3
#6341c3
rgb(99,65,195)
-
#5f38cc
#5f38cc
rgb(95,56,204)
-
#5a2ed6
#5a2ed6
rgb(90,46,214)
-
#5625df
#5625df
rgb(86,37,223)
-
#511be9
#511be9
rgb(81,27,233)
-
#4d11f3
#4d11f3
rgb(77,17,243)
-
#4808fc
#4808fc
rgb(72,8,252)
Color Blindness Simulator
Below, you can see how #684bb9 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.