#684bb3 Color Information
In a RGB color space, hex #684bb3 is composed of 40.8% red, 29.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 58.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 256.7 degrees, a saturation of 40.9% and a lightness of 49.8%. #684bb3 color hex could be obtained by blending #d096ff with #000067. Closest websafe color is: #6633cc.
-
- R 41
- G 29
- B 70
-
- C 42
- M 58
- Y 0
- K 30
● #684bb3 color description : Moderate violet.
#684bb3 Color Conversion
The hexadecimal color #684bb3 has RGB values of R:104, G:75, B:179 and CMYK values of C:0.42, M:0.58, Y:0, K:0.3. Its decimal value is 6835123.
Hex triplet | 684bb3 | #684bb3 |
---|---|---|
RGB Decimal | 104, 75, 179 | rgb(104,75,179) |
RGB Percent | 40.8, 29.4, 70.2 | rgb(40.8%,29.4%,70.2%) |
CMYK | 42, 58, 0, 30 | |
HSL | 256.7°, 40.9, 49.8 | hsl(256.7,40.9%,49.8%) |
HSV (or HSB) | 256.7°, 58.1, 70.2 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 39.965, 36.907, -51.318 |
---|---|
XYZ | 16.36, 11.23, 43.951 |
xyY | 0.229, 0.157, 11.23 |
CIE-LCH | 39.965, 63.211, 305.723 |
CIE-LUV | 39.965, 4.583, -77.499 |
Hunter-Lab | 33.511, 28.501, -54.304 |
Binary | 01101000, 01001011, 10110011 |
Color Schemes with #684bb3
Alternatives to #684bb3
Below, you can see some colors close to #684bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684bb3 Preview
This text has a font color of #684bb3.
<span style="color:#684bb3;">Text here</span>
This paragraph has a background color of #684bb3.
<p style="background-color:#684bb3;">Content here</p>
This element has a border color of #684bb3.
<div style="border:1px solid #684bb3;">Content here</div>
.text {color:#684bb3;}
.background {background-color:#684bb3;}
.border {border:1px solid #684bb3;}
Shades and Tints of #684bb3
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, #08050d is the darkest color, while #fefeff is the lightest one.
-
#08050d
#08050d
rgb(8,5,13)
-
#100b1b
#100b1b
rgb(16,11,27)
-
#181129
#181129
rgb(24,17,41)
-
#201737
#201737
rgb(32,23,55)
-
#281d44
#281d44
rgb(40,29,68)
-
#302252
#302252
rgb(48,34,82)
-
#382860
#382860
rgb(56,40,96)
-
#402e6e
#402e6e
rgb(64,46,110)
-
#48347c
#48347c
rgb(72,52,124)
-
#503a8a
#503a8a
rgb(80,58,138)
-
#583f97
#583f97
rgb(88,63,151)
-
#6045a5
#6045a5
rgb(96,69,165)
-
#684bb3
#684bb3
rgb(104,75,179)
-
#7358b9
#7358b9
rgb(115,88,185)
-
#7f66bf
#7f66bf
rgb(127,102,191)
-
#8b74c5
#8b74c5
rgb(139,116,197)
-
#9682cb
#9682cb
rgb(150,130,203)
-
#a290d0
#a290d0
rgb(162,144,208)
-
#ad9ed6
#ad9ed6
rgb(173,158,214)
-
#b9abdc
#b9abdc
rgb(185,171,220)
-
#c4b9e2
#c4b9e2
rgb(196,185,226)
-
#d0c7e8
#d0c7e8
rgb(208,199,232)
-
#dcd5ed
#dcd5ed
rgb(220,213,237)
-
#e7e3f3
#e7e3f3
rgb(231,227,243)
-
#f3f0f9
#f3f0f9
rgb(243,240,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #684bb3
A tone is produced by adding gray to any pure hue. In this case, #7e7c82 is the less saturated color, while #4a07f7 is the most saturated one.
-
#7e7c82
#7e7c82
rgb(126,124,130)
-
#79728c
#79728c
rgb(121,114,140)
-
#756896
#756896
rgb(117,104,150)
-
#715f9f
#715f9f
rgb(113,95,159)
-
#6c55a9
#6c55a9
rgb(108,85,169)
-
#684bb3
#684bb3
rgb(104,75,179)
-
#6441bd
#6441bd
rgb(100,65,189)
-
#5f37c7
#5f37c7
rgb(95,55,199)
-
#5b2ed0
#5b2ed0
rgb(91,46,208)
-
#5724da
#5724da
rgb(87,36,218)
-
#521ae4
#521ae4
rgb(82,26,228)
-
#4e10ee
#4e10ee
rgb(78,16,238)
-
#4a07f7
#4a07f7
rgb(74,7,247)
Color Blindness Simulator
Below, you can see how #684bb3 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.