#667cb4 Color Information
In a RGB color space, hex #667cb4 is composed of 40% red, 48.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 31.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 223.1 degrees, a saturation of 34.2% and a lightness of 55.3%. #667cb4 color hex could be obtained by blending #ccf8ff with #000069. Closest websafe color is: #6666cc.
-
- R 40
- G 49
- B 71
-
- C 43
- M 31
- Y 0
- K 29
● #667cb4 color description : Slightly desaturated blue.
#667cb4 Color Conversion
The hexadecimal color #667cb4 has RGB values of R:102, G:124, B:180 and CMYK values of C:0.43, M:0.31, Y:0, K:0.29. Its decimal value is 6716596.
Hex triplet | 667cb4 | #667cb4 |
---|---|---|
RGB Decimal | 102, 124, 180 | rgb(102,124,180) |
RGB Percent | 40, 48.6, 70.6 | rgb(40%,48.6%,70.6%) |
CMYK | 43, 31, 0, 29 | |
HSL | 223.1°, 34.2, 55.3 | hsl(223.1,34.2%,55.3%) |
HSV (or HSB) | 223.1°, 43.3, 70.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.436, 6.92, -32.119 |
---|---|
XYZ | 20.924, 20.535, 46.039 |
xyY | 0.239, 0.235, 20.535 |
CIE-LCH | 52.436, 32.856, 282.159 |
CIE-LUV | 52.436, -12.71, -49.519 |
Hunter-Lab | 45.315, 3.118, -28.516 |
Binary | 01100110, 01111100, 10110100 |
Color Schemes with #667cb4
Alternatives to #667cb4
Below, you can see some colors close to #667cb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667cb4 Preview
This text has a font color of #667cb4.
<span style="color:#667cb4;">Text here</span>
This paragraph has a background color of #667cb4.
<p style="background-color:#667cb4;">Content here</p>
This element has a border color of #667cb4.
<div style="border:1px solid #667cb4;">Content here</div>
.text {color:#667cb4;}
.background {background-color:#667cb4;}
.border {border:1px solid #667cb4;}
Shades and Tints of #667cb4
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, #020305 is the darkest color, while #f7f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#090b12
#090b12
rgb(9,11,18)
-
#0f141f
#0f141f
rgb(15,20,31)
-
#161c2c
#161c2c
rgb(22,28,44)
-
#1c253a
#1c253a
rgb(28,37,58)
-
#232d47
#232d47
rgb(35,45,71)
-
#293554
#293554
rgb(41,53,84)
-
#303e61
#303e61
rgb(48,62,97)
-
#36466e
#36466e
rgb(54,70,110)
-
#3d4e7b
#3d4e7b
rgb(61,78,123)
-
#435789
#435789
rgb(67,87,137)
-
#495f96
#495f96
rgb(73,95,150)
-
#5067a3
#5067a3
rgb(80,103,163)
-
#5971ae
#5971ae
rgb(89,113,174)
-
#667cb4
#667cb4
rgb(102,124,180)
-
#7387ba
#7387ba
rgb(115,135,186)
-
#8093c1
#8093c1
rgb(128,147,193)
-
#8d9ec7
#8d9ec7
rgb(141,158,199)
-
#9ba9ce
#9ba9ce
rgb(155,169,206)
-
#a8b4d4
#a8b4d4
rgb(168,180,212)
-
#b5c0db
#b5c0db
rgb(181,192,219)
-
#c2cbe1
#c2cbe1
rgb(194,203,225)
-
#cfd6e8
#cfd6e8
rgb(207,214,232)
-
#dce1ee
#dce1ee
rgb(220,225,238)
-
#eaedf5
#eaedf5
rgb(234,237,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #667cb4
A tone is produced by adding gray to any pure hue. In this case, #898b91 is the less saturated color, while #205dfa is the most saturated one.
-
#898b91
#898b91
rgb(137,139,145)
-
#80879a
#80879a
rgb(128,135,154)
-
#7884a2
#7884a2
rgb(120,132,162)
-
#6f80ab
#6f80ab
rgb(111,128,171)
-
#667cb4
#667cb4
rgb(102,124,180)
-
#5d78bd
#5d78bd
rgb(93,120,189)
-
#5474c6
#5474c6
rgb(84,116,198)
-
#4c71ce
#4c71ce
rgb(76,113,206)
-
#436dd7
#436dd7
rgb(67,109,215)
-
#3a69e0
#3a69e0
rgb(58,105,224)
-
#3165e9
#3165e9
rgb(49,101,233)
-
#2961f1
#2961f1
rgb(41,97,241)
-
#205dfa
#205dfa
rgb(32,93,250)
Color Blindness Simulator
Below, you can see how #667cb4 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.