#676bd6 Color Information
In a RGB color space, hex #676bd6 is composed of 40.4% red, 42% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 50% magenta, 0% yellow and 16.1% black. It has a hue angle of 237.8 degrees, a saturation of 57.5% and a lightness of 62.2%. #676bd6 color hex could be obtained by blending #ced6ff with #0000ad. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 84
-
- C 52
- M 50
- Y 0
- K 16
● #676bd6 color description : Moderate blue.
#676bd6 Color Conversion
The hexadecimal color #676bd6 has RGB values of R:103, G:107, B:214 and CMYK values of C:0.52, M:0.5, Y:0, K:0.16. Its decimal value is 6777814.
Hex triplet | 676bd6 | #676bd6 |
---|---|---|
RGB Decimal | 103, 107, 214 | rgb(103,107,214) |
RGB Percent | 40.4, 42, 83.9 | rgb(40.4%,42%,83.9%) |
CMYK | 52, 50, 0, 16 | |
HSL | 237.8°, 57.5, 62.2 | hsl(237.8,57.5%,62.2%) |
HSV (or HSB) | 237.8°, 51.9, 83.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.802, 27.888, -55.747 |
---|---|
XYZ | 22.986, 18.253, 65.927 |
xyY | 0.214, 0.17, 18.253 |
CIE-LCH | 49.802, 62.334, 296.577 |
CIE-LUV | 49.802, -7.722, -88.158 |
Hunter-Lab | 42.724, 21.271, -61.583 |
Binary | 01100111, 01101011, 11010110 |
Color Schemes with #676bd6
Alternatives to #676bd6
Below, you can see some colors close to #676bd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bd6 Preview
This text has a font color of #676bd6.
<span style="color:#676bd6;">Text here</span>
This paragraph has a background color of #676bd6.
<p style="background-color:#676bd6;">Content here</p>
This element has a border color of #676bd6.
<div style="border:1px solid #676bd6;">Content here</div>
.text {color:#676bd6;}
.background {background-color:#676bd6;}
.border {border:1px solid #676bd6;}
Shades and Tints of #676bd6
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, #010102 is the darkest color, while #f2f2fc is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050512
#050512
rgb(5,5,18)
-
#090a21
#090a21
rgb(9,10,33)
-
#0d0e31
#0d0e31
rgb(13,14,49)
-
#111340
#111340
rgb(17,19,64)
-
#161850
#161850
rgb(22,24,80)
-
#1a1c5f
#1a1c5f
rgb(26,28,95)
-
#1e216f
#1e216f
rgb(30,33,111)
-
#22257e
#22257e
rgb(34,37,126)
-
#262a8e
#262a8e
rgb(38,42,142)
-
#2a2e9d
#2a2e9d
rgb(42,46,157)
-
#2f33ac
#2f33ac
rgb(47,51,172)
-
#3338bc
#3338bc
rgb(51,56,188)
-
#393ec9
#393ec9
rgb(57,62,201)
-
#484dce
#484dce
rgb(72,77,206)
-
#585cd2
#585cd2
rgb(88,92,210)
-
#676bd6
#676bd6
rgb(103,107,214)
-
#767ada
#767ada
rgb(118,122,218)
-
#8689de
#8689de
rgb(134,137,222)
-
#9598e3
#9598e3
rgb(149,152,227)
-
#a5a7e7
#a5a7e7
rgb(165,167,231)
-
#b4b6eb
#b4b6eb
rgb(180,182,235)
-
#c4c5ef
#c4c5ef
rgb(196,197,239)
-
#d3d4f3
#d3d4f3
rgb(211,212,243)
-
#e3e3f7
#e3e3f7
rgb(227,227,247)
-
#f2f2fc
#f2f2fc
rgb(242,242,252)
Tones of #676bd6
A tone is produced by adding gray to any pure hue. In this case, #9b9ba2 is the less saturated color, while #4249fb is the most saturated one.
-
#9b9ba2
#9b9ba2
rgb(155,155,162)
-
#9494a9
#9494a9
rgb(148,148,169)
-
#8c8db1
#8c8db1
rgb(140,141,177)
-
#8587b8
#8587b8
rgb(133,135,184)
-
#7d80c0
#7d80c0
rgb(125,128,192)
-
#7679c7
#7679c7
rgb(118,121,199)
-
#6e72cf
#6e72cf
rgb(110,114,207)
-
#676bd6
#676bd6
rgb(103,107,214)
-
#6064dd
#6064dd
rgb(96,100,221)
-
#585de5
#585de5
rgb(88,93,229)
-
#5156ec
#5156ec
rgb(81,86,236)
-
#494ff4
#494ff4
rgb(73,79,244)
-
#4249fb
#4249fb
rgb(66,73,251)
Color Blindness Simulator
Below, you can see how #676bd6 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.