#676ed6 Color Information
In a RGB color space, hex #676ed6 is composed of 40.4% red, 43.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 48.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 236.2 degrees, a saturation of 57.5% and a lightness of 62.2%. #676ed6 color hex could be obtained by blending #cedcff with #0000ad. Closest websafe color is: #6666cc.
-
- R 40
- G 43
- B 84
-
- C 52
- M 49
- Y 0
- K 16
● #676ed6 color description : Moderate blue.
#676ed6 Color Conversion
The hexadecimal color #676ed6 has RGB values of R:103, G:110, B:214 and CMYK values of C:0.52, M:0.49, Y:0, K:0.16. Its decimal value is 6778582.
Hex triplet | 676ed6 | #676ed6 |
---|---|---|
RGB Decimal | 103, 110, 214 | rgb(103,110,214) |
RGB Percent | 40.4, 43.1, 83.9 | rgb(40.4%,43.1%,83.9%) |
CMYK | 52, 49, 0, 16 | |
HSL | 236.2°, 57.5, 62.2 | hsl(236.2,57.5%,62.2%) |
HSV (or HSB) | 236.2°, 51.9, 83.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.558, 26.06, -54.535 |
---|---|
XYZ | 23.305, 18.89, 66.033 |
xyY | 0.215, 0.175, 18.89 |
CIE-LCH | 50.558, 60.441, 295.542 |
CIE-LUV | 50.558, -8.647, -86.442 |
Hunter-Lab | 43.462, 19.654, -59.657 |
Binary | 01100111, 01101110, 11010110 |
Color Schemes with #676ed6
Alternatives to #676ed6
Below, you can see some colors close to #676ed6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ed6 Preview
This text has a font color of #676ed6.
<span style="color:#676ed6;">Text here</span>
This paragraph has a background color of #676ed6.
<p style="background-color:#676ed6;">Content here</p>
This element has a border color of #676ed6.
<div style="border:1px solid #676ed6;">Content here</div>
.text {color:#676ed6;}
.background {background-color:#676ed6;}
.border {border:1px solid #676ed6;}
Shades and Tints of #676ed6
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 #f2f3fc is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050612
#050612
rgb(5,6,18)
-
#090b21
#090b21
rgb(9,11,33)
-
#0d0f31
#0d0f31
rgb(13,15,49)
-
#111440
#111440
rgb(17,20,64)
-
#161950
#161950
rgb(22,25,80)
-
#1a1e5f
#1a1e5f
rgb(26,30,95)
-
#1e236f
#1e236f
rgb(30,35,111)
-
#22287e
#22287e
rgb(34,40,126)
-
#262d8e
#262d8e
rgb(38,45,142)
-
#2a329d
#2a329d
rgb(42,50,157)
-
#2f36ac
#2f36ac
rgb(47,54,172)
-
#333bbc
#333bbc
rgb(51,59,188)
-
#3942c9
#3942c9
rgb(57,66,201)
-
#4851ce
#4851ce
rgb(72,81,206)
-
#585fd2
#585fd2
rgb(88,95,210)
-
#676ed6
#676ed6
rgb(103,110,214)
-
#767dda
#767dda
rgb(118,125,218)
-
#868bde
#868bde
rgb(134,139,222)
-
#959ae3
#959ae3
rgb(149,154,227)
-
#a5a9e7
#a5a9e7
rgb(165,169,231)
-
#b4b8eb
#b4b8eb
rgb(180,184,235)
-
#c4c6ef
#c4c6ef
rgb(196,198,239)
-
#d3d5f3
#d3d5f3
rgb(211,213,243)
-
#e3e4f7
#e3e4f7
rgb(227,228,247)
-
#f2f3fc
#f2f3fc
rgb(242,243,252)
Tones of #676ed6
A tone is produced by adding gray to any pure hue. In this case, #9b9ba2 is the less saturated color, while #424efb is the most saturated one.
-
#9b9ba2
#9b9ba2
rgb(155,155,162)
-
#9495a9
#9495a9
rgb(148,149,169)
-
#8c8eb1
#8c8eb1
rgb(140,142,177)
-
#8588b8
#8588b8
rgb(133,136,184)
-
#7d81c0
#7d81c0
rgb(125,129,192)
-
#767bc7
#767bc7
rgb(118,123,199)
-
#6e74cf
#6e74cf
rgb(110,116,207)
-
#676ed6
#676ed6
rgb(103,110,214)
-
#6068dd
#6068dd
rgb(96,104,221)
-
#5861e5
#5861e5
rgb(88,97,229)
-
#515bec
#515bec
rgb(81,91,236)
-
#4954f4
#4954f4
rgb(73,84,244)
-
#424efb
#424efb
rgb(66,78,251)
Color Blindness Simulator
Below, you can see how #676ed6 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.