#676680 Color Information
In a RGB color space, hex #676680 is composed of 40.4% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 242.3 degrees, a saturation of 11.3% and a lightness of 45.1%. #676680 color hex could be obtained by blending #ceccff with #000001. Closest websafe color is: #666699.
-
- R 40
- G 40
- B 50
-
- C 20
- M 20
- Y 0
- K 50
● #676680 color description : Dark grayish blue.
#676680 Color Conversion
The hexadecimal color #676680 has RGB values of R:103, G:102, B:128 and CMYK values of C:0.2, M:0.2, Y:0, K:0.5. Its decimal value is 6776448.
Hex triplet | 676680 | #676680 |
---|---|---|
RGB Decimal | 103, 102, 128 | rgb(103,102,128) |
RGB Percent | 40.4, 40, 50.2 | rgb(40.4%,40%,50.2%) |
CMYK | 20, 20, 0, 50 | |
HSL | 242.3°, 11.3, 45.1 | hsl(242.3,11.3%,45.1%) |
HSV (or HSB) | 242.3°, 20.3, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 44.154, 6.279, -14.287 |
---|---|
XYZ | 14.24, 13.945, 22.362 |
xyY | 0.282, 0.276, 13.945 |
CIE-LCH | 44.154, 15.606, 293.725 |
CIE-LUV | 44.154, -1.008, -20.842 |
Hunter-Lab | 37.343, 2.721, -9.365 |
Binary | 01100111, 01100110, 10000000 |
Color Schemes with #676680
Alternatives to #676680
Below, you can see some colors close to #676680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676680 Preview
This text has a font color of #676680.
<span style="color:#676680;">Text here</span>
This paragraph has a background color of #676680.
<p style="background-color:#676680;">Content here</p>
This element has a border color of #676680.
<div style="border:1px solid #676680;">Content here</div>
.text {color:#676680;}
.background {background-color:#676680;}
.border {border:1px solid #676680;}
Shades and Tints of #676680
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, #060608 is the darkest color, while #fcfcfd is the lightest one.
-
#060608
#060608
rgb(6,6,8)
-
#0f0f13
#0f0f13
rgb(15,15,19)
-
#18181e
#18181e
rgb(24,24,30)
-
#212029
#212029
rgb(33,32,41)
-
#2a2934
#2a2934
rgb(42,41,52)
-
#32323f
#32323f
rgb(50,50,63)
-
#3b3b49
#3b3b49
rgb(59,59,73)
-
#444354
#444354
rgb(68,67,84)
-
#4d4c5f
#4d4c5f
rgb(77,76,95)
-
#55556a
#55556a
rgb(85,85,106)
-
#5e5d75
#5e5d75
rgb(94,93,117)
-
#676680
#676680
rgb(103,102,128)
-
#706f8b
#706f8b
rgb(112,111,139)
-
#7a7994
#7a7994
rgb(122,121,148)
-
#85849d
#85849d
rgb(133,132,157)
-
#908fa6
#908fa6
rgb(144,143,166)
-
#9b9aae
#9b9aae
rgb(155,154,174)
-
#a5a5b7
#a5a5b7
rgb(165,165,183)
-
#b0b0c0
#b0b0c0
rgb(176,176,192)
-
#bbbbc8
#bbbbc8
rgb(187,187,200)
-
#c6c5d1
#c6c5d1
rgb(198,197,209)
-
#d1d0da
#d1d0da
rgb(209,208,218)
-
#dcdbe3
#dcdbe3
rgb(220,219,227)
-
#e6e6eb
#e6e6eb
rgb(230,230,235)
-
#f1f1f4
#f1f1f4
rgb(241,241,244)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #676680
A tone is produced by adding gray to any pure hue. In this case, #6f6f77 is the less saturated color, while #0d05e1 is the most saturated one.
-
#6f6f77
#6f6f77
rgb(111,111,119)
-
#676680
#676680
rgb(103,102,128)
-
#5f5d89
#5f5d89
rgb(95,93,137)
-
#575492
#575492
rgb(87,84,146)
-
#4f4b9b
#4f4b9b
rgb(79,75,155)
-
#4643a3
#4643a3
rgb(70,67,163)
-
#3e3aac
#3e3aac
rgb(62,58,172)
-
#3631b5
#3631b5
rgb(54,49,181)
-
#2e28be
#2e28be
rgb(46,40,190)
-
#261fc7
#261fc7
rgb(38,31,199)
-
#1e16d0
#1e16d0
rgb(30,22,208)
-
#150ed8
#150ed8
rgb(21,14,216)
-
#0d05e1
#0d05e1
rgb(13,5,225)
Color Blindness Simulator
Below, you can see how #676680 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.