#667cb0 Color Information
In a RGB color space, hex #667cb0 is composed of 40% red, 48.6% green and 69% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 29.5% magenta, 0% yellow and 31% black. It has a hue angle of 222.2 degrees, a saturation of 31.9% and a lightness of 54.5%. #667cb0 color hex could be obtained by blending #ccf8ff with #000061. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 69
-
- C 42
- M 30
- Y 0
- K 31
● #667cb0 color description : Mostly desaturated dark blue.
#667cb0 Color Conversion
The hexadecimal color #667cb0 has RGB values of R:102, G:124, B:176 and CMYK values of C:0.42, M:0.3, Y:0, K:0.31. Its decimal value is 6716592.
Hex triplet | 667cb0 | #667cb0 |
---|---|---|
RGB Decimal | 102, 124, 176 | rgb(102,124,176) |
RGB Percent | 40, 48.6, 69 | rgb(40%,48.6%,69%) |
CMYK | 42, 30, 0, 31 | |
HSL | 222.2°, 31.9, 54.5 | hsl(222.2,31.9%,54.5%) |
HSV (or HSB) | 222.2°, 42, 69 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.257, 5.747, -30.092 |
---|---|
XYZ | 20.522, 20.374, 43.923 |
xyY | 0.242, 0.24, 20.374 |
CIE-LCH | 52.257, 30.636, 280.812 |
CIE-LUV | 52.257, -12.615, -46.119 |
Hunter-Lab | 45.138, 2.165, -26.099 |
Binary | 01100110, 01111100, 10110000 |
Color Schemes with #667cb0
Alternatives to #667cb0
Below, you can see some colors close to #667cb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667cb0 Preview
This text has a font color of #667cb0.
<span style="color:#667cb0;">Text here</span>
This paragraph has a background color of #667cb0.
<p style="background-color:#667cb0;">Content here</p>
This element has a border color of #667cb0.
<div style="border:1px solid #667cb0;">Content here</div>
.text {color:#667cb0;}
.background {background-color:#667cb0;}
.border {border:1px solid #667cb0;}
Shades and Tints of #667cb0
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 #f4f6f9 is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#080a0f
#080a0f
rgb(8,10,15)
-
#0f131c
#0f131c
rgb(15,19,28)
-
#151b29
#151b29
rgb(21,27,41)
-
#1c2436
#1c2436
rgb(28,36,54)
-
#232c43
#232c43
rgb(35,44,67)
-
#293550
#293550
rgb(41,53,80)
-
#303d5d
#303d5d
rgb(48,61,93)
-
#37466a
#37466a
rgb(55,70,106)
-
#3d4e77
#3d4e77
rgb(61,78,119)
-
#445784
#445784
rgb(68,87,132)
-
#4b5f91
#4b5f91
rgb(75,95,145)
-
#51689d
#51689d
rgb(81,104,157)
-
#5971a9
#5971a9
rgb(89,113,169)
-
#667cb0
#667cb0
rgb(102,124,176)
-
#7387b7
#7387b7
rgb(115,135,183)
-
#8092bd
#8092bd
rgb(128,146,189)
-
#8d9dc4
#8d9dc4
rgb(141,157,196)
-
#9aa8cb
#9aa8cb
rgb(154,168,203)
-
#a7b3d1
#a7b3d1
rgb(167,179,209)
-
#b4bed8
#b4bed8
rgb(180,190,216)
-
#c1cadf
#c1cadf
rgb(193,202,223)
-
#cdd5e5
#cdd5e5
rgb(205,213,229)
-
#dae0ec
#dae0ec
rgb(218,224,236)
-
#e7ebf3
#e7ebf3
rgb(231,235,243)
-
#f4f6f9
#f4f6f9
rgb(244,246,249)
Tones of #667cb0
A tone is produced by adding gray to any pure hue. In this case, #8a8a8c is the less saturated color, while #1f5ff7 is the most saturated one.
-
#8a8a8c
#8a8a8c
rgb(138,138,140)
-
#818795
#818795
rgb(129,135,149)
-
#78839e
#78839e
rgb(120,131,158)
-
#6f80a7
#6f80a7
rgb(111,128,167)
-
#667cb0
#667cb0
rgb(102,124,176)
-
#5d78b9
#5d78b9
rgb(93,120,185)
-
#5475c2
#5475c2
rgb(84,117,194)
-
#4b71cb
#4b71cb
rgb(75,113,203)
-
#426ed4
#426ed4
rgb(66,110,212)
-
#396add
#396add
rgb(57,106,221)
-
#3066e6
#3066e6
rgb(48,102,230)
-
#2863ee
#2863ee
rgb(40,99,238)
-
#1f5ff7
#1f5ff7
rgb(31,95,247)
Color Blindness Simulator
Below, you can see how #667cb0 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.