#666678 Color Information
In a RGB color space, hex #666678 is composed of 40% red, 40% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 15% magenta, 0% yellow and 52.9% black. It has a hue angle of 240 degrees, a saturation of 8.1% and a lightness of 43.5%. #666678 color hex could be obtained by blending #ccccf0 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 47
-
- C 15
- M 15
- Y 0
- K 53
● #666678 color description : Dark grayish blue.
#666678 Color Conversion
The hexadecimal color #666678 has RGB values of R:102, G:102, B:120 and CMYK values of C:0.15, M:0.15, Y:0, K:0.53. Its decimal value is 6710904.
Hex triplet | 666678 | #666678 |
---|---|---|
RGB Decimal | 102, 102, 120 | rgb(102,102,120) |
RGB Percent | 40, 40, 47.1 | rgb(40%,40%,47.1%) |
CMYK | 15, 15, 0, 53 | |
HSL | 240°, 8.1, 43.5 | hsl(240,8.1%,43.5%) |
HSV (or HSB) | 240°, 15, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.776, 3.996, -10.041 |
---|---|
XYZ | 13.62, 13.684, 19.692 |
xyY | 0.29, 0.291, 13.684 |
CIE-LCH | 43.776, 10.807, 291.703 |
CIE-LUV | 43.776, -1.04, -14.377 |
Hunter-Lab | 36.991, 0.99, -5.669 |
Binary | 01100110, 01100110, 01111000 |
Color Schemes with #666678
Alternatives to #666678
Below, you can see some colors close to #666678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#666678 Preview
This text has a font color of #666678.
<span style="color:#666678;">Text here</span>
This paragraph has a background color of #666678.
<p style="background-color:#666678;">Content here</p>
This element has a border color of #666678.
<div style="border:1px solid #666678;">Content here</div>
.text {color:#666678;}
.background {background-color:#666678;}
.border {border:1px solid #666678;}
Shades and Tints of #666678
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, #030303 is the darkest color, while #f8f8f9 is the lightest one.
-
#030303
#030303
rgb(3,3,3)
-
#0c0c0e
#0c0c0e
rgb(12,12,14)
-
#151519
#151519
rgb(21,21,25)
-
#1e1e23
#1e1e23
rgb(30,30,35)
-
#27272e
#27272e
rgb(39,39,46)
-
#303038
#303038
rgb(48,48,56)
-
#393943
#393943
rgb(57,57,67)
-
#42424e
#42424e
rgb(66,66,78)
-
#4b4b58
#4b4b58
rgb(75,75,88)
-
#545463
#545463
rgb(84,84,99)
-
#5d5d6d
#5d5d6d
rgb(93,93,109)
-
#666678
#666678
rgb(102,102,120)
-
#6f6f83
#6f6f83
rgb(111,111,131)
-
#79798d
#79798d
rgb(121,121,141)
-
#838396
#838396
rgb(131,131,150)
-
#8e8e9f
#8e8e9f
rgb(142,142,159)
-
#9898a8
#9898a8
rgb(152,152,168)
-
#a3a3b1
#a3a3b1
rgb(163,163,177)
-
#aeaeba
#aeaeba
rgb(174,174,186)
-
#b8b8c3
#b8b8c3
rgb(184,184,195)
-
#c3c3cc
#c3c3cc
rgb(195,195,204)
-
#cdcdd5
#cdcdd5
rgb(205,205,213)
-
#d8d8de
#d8d8de
rgb(216,216,222)
-
#e3e3e7
#e3e3e7
rgb(227,227,231)
-
#ededf0
#ededf0
rgb(237,237,240)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #666678
A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #0808d6 is the most saturated one.
-
#6f6f6f
#6f6f6f
rgb(111,111,111)
-
#666678
#666678
rgb(102,102,120)
-
#5d5d81
#5d5d81
rgb(93,93,129)
-
#555589
#555589
rgb(85,85,137)
-
#4c4c92
#4c4c92
rgb(76,76,146)
-
#44449a
#44449a
rgb(68,68,154)
-
#3b3ba3
#3b3ba3
rgb(59,59,163)
-
#3333ab
#3333ab
rgb(51,51,171)
-
#2a2ab4
#2a2ab4
rgb(42,42,180)
-
#2222bc
#2222bc
rgb(34,34,188)
-
#1919c5
#1919c5
rgb(25,25,197)
-
#1111cd
#1111cd
rgb(17,17,205)
-
#0808d6
#0808d6
rgb(8,8,214)
Color Blindness Simulator
Below, you can see how #666678 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.