#676682 Color Information
In a RGB color space, hex #676682 is composed of 40.4% red, 40% green and 51% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 21.5% magenta, 0% yellow and 49% black. It has a hue angle of 242.1 degrees, a saturation of 12.1% and a lightness of 45.5%. #676682 color hex could be obtained by blending #ceccff with #000005. Closest websafe color is: #666699.
-
- R 40
- G 40
- B 51
-
- C 21
- M 22
- Y 0
- K 49
● #676682 color description : Dark grayish blue.
#676682 Color Conversion
The hexadecimal color #676682 has RGB values of R:103, G:102, B:130 and CMYK values of C:0.21, M:0.22, Y:0, K:0.49. Its decimal value is 6776450.
Hex triplet | 676682 | #676682 |
---|---|---|
RGB Decimal | 103, 102, 130 | rgb(103,102,130) |
RGB Percent | 40.4, 40, 51 | rgb(40.4%,40%,51%) |
CMYK | 21, 22, 0, 49 | |
HSL | 242.1°, 12.1, 45.5 | hsl(242.1,12.1%,45.5%) |
HSV (or HSB) | 242.1°, 21.5, 51 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 44.23, 6.774, -15.374 |
---|---|
XYZ | 14.373, 13.998, 23.062 |
xyY | 0.279, 0.272, 13.998 |
CIE-LCH | 44.23, 16.8, 293.778 |
CIE-LUV | 44.23, -1.133, -22.506 |
Hunter-Lab | 37.414, 3.101, -10.358 |
Binary | 01100111, 01100110, 10000010 |
Color Schemes with #676682
Alternatives to #676682
Below, you can see some colors close to #676682. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676682 Preview
This text has a font color of #676682.
<span style="color:#676682;">Text here</span>
This paragraph has a background color of #676682.
<p style="background-color:#676682;">Content here</p>
This element has a border color of #676682.
<div style="border:1px solid #676682;">Content here</div>
.text {color:#676682;}
.background {background-color:#676682;}
.border {border:1px solid #676682;}
Shades and Tints of #676682
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, #070709 is the darkest color, while #fdfdfe is the lightest one.
-
#070709
#070709
rgb(7,7,9)
-
#101014
#101014
rgb(16,16,20)
-
#19181f
#19181f
rgb(25,24,31)
-
#21212a
#21212a
rgb(33,33,42)
-
#2a2a35
#2a2a35
rgb(42,42,53)
-
#333240
#333240
rgb(51,50,64)
-
#3b3b4b
#3b3b4b
rgb(59,59,75)
-
#444456
#444456
rgb(68,68,86)
-
#4d4c61
#4d4c61
rgb(77,76,97)
-
#56556c
#56556c
rgb(86,85,108)
-
#5e5d77
#5e5d77
rgb(94,93,119)
-
#676682
#676682
rgb(103,102,130)
-
#706f8d
#706f8d
rgb(112,111,141)
-
#7a7996
#7a7996
rgb(122,121,150)
-
#85849f
#85849f
rgb(133,132,159)
-
#908fa7
#908fa7
rgb(144,143,167)
-
#9b9ab0
#9b9ab0
rgb(155,154,176)
-
#a6a5b9
#a6a5b9
rgb(166,165,185)
-
#b1b0c1
#b1b0c1
rgb(177,176,193)
-
#bcbbca
#bcbbca
rgb(188,187,202)
-
#c7c6d2
#c7c6d2
rgb(199,198,210)
-
#d1d1db
#d1d1db
rgb(209,209,219)
-
#dcdce4
#dcdce4
rgb(220,220,228)
-
#e7e7ec
#e7e7ec
rgb(231,231,236)
-
#f2f2f5
#f2f2f5
rgb(242,242,245)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #676682
A tone is produced by adding gray to any pure hue. In this case, #6f6f79 is the less saturated color, while #0c04e4 is the most saturated one.
-
#6f6f79
#6f6f79
rgb(111,111,121)
-
#676682
#676682
rgb(103,102,130)
-
#5f5d8b
#5f5d8b
rgb(95,93,139)
-
#565494
#565494
rgb(86,84,148)
-
#4e4b9d
#4e4b9d
rgb(78,75,157)
-
#4642a6
#4642a6
rgb(70,66,166)
-
#3e39af
#3e39af
rgb(62,57,175)
-
#3530b8
#3530b8
rgb(53,48,184)
-
#2d28c0
#2d28c0
rgb(45,40,192)
-
#251fc9
#251fc9
rgb(37,31,201)
-
#1c16d2
#1c16d2
rgb(28,22,210)
-
#140ddb
#140ddb
rgb(20,13,219)
-
#0c04e4
#0c04e4
rgb(12,4,228)
Color Blindness Simulator
Below, you can see how #676682 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.