#667bb1 Color Information
In a RGB color space, hex #667bb1 is composed of 40% red, 48.2% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 30.5% magenta, 0% yellow and 30.6% black. It has a hue angle of 223.2 degrees, a saturation of 32.5% and a lightness of 54.7%. #667bb1 color hex could be obtained by blending #ccf6ff with #000063. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 69
-
- C 42
- M 31
- Y 0
- K 31
● #667bb1 color description : Mostly desaturated dark blue.
#667bb1 Color Conversion
The hexadecimal color #667bb1 has RGB values of R:102, G:123, B:177 and CMYK values of C:0.42, M:0.31, Y:0, K:0.31. Its decimal value is 6716337.
Hex triplet | 667bb1 | #667bb1 |
---|---|---|
RGB Decimal | 102, 123, 177 | rgb(102,123,177) |
RGB Percent | 40, 48.2, 69.4 | rgb(40%,48.2%,69.4%) |
CMYK | 42, 31, 0, 31 | |
HSL | 223.2°, 32.5, 54.7 | hsl(223.2,32.5%,54.7%) |
HSV (or HSB) | 223.2°, 42.4, 69.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.022, 6.636, -31.035 |
---|---|
XYZ | 20.497, 20.164, 44.405 |
xyY | 0.241, 0.237, 20.164 |
CIE-LCH | 52.022, 31.737, 282.069 |
CIE-LUV | 52.022, -12.251, -47.685 |
Hunter-Lab | 44.905, 2.892, -27.197 |
Binary | 01100110, 01111011, 10110001 |
Color Schemes with #667bb1
Alternatives to #667bb1
Below, you can see some colors close to #667bb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667bb1 Preview
This text has a font color of #667bb1.
<span style="color:#667bb1;">Text here</span>
This paragraph has a background color of #667bb1.
<p style="background-color:#667bb1;">Content here</p>
This element has a border color of #667bb1.
<div style="border:1px solid #667bb1;">Content here</div>
.text {color:#667bb1;}
.background {background-color:#667bb1;}
.border {border:1px solid #667bb1;}
Shades and Tints of #667bb1
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, #010203 is the darkest color, while #f5f6fa is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#080a10
#080a10
rgb(8,10,16)
-
#0f131d
#0f131d
rgb(15,19,29)
-
#151b2a
#151b2a
rgb(21,27,42)
-
#1c2437
#1c2437
rgb(28,36,55)
-
#232c44
#232c44
rgb(35,44,68)
-
#293451
#293451
rgb(41,52,81)
-
#303d5e
#303d5e
rgb(48,61,94)
-
#36456b
#36456b
rgb(54,69,107)
-
#3d4e78
#3d4e78
rgb(61,78,120)
-
#445685
#445685
rgb(68,86,133)
-
#4a5e92
#4a5e92
rgb(74,94,146)
-
#51679f
#51679f
rgb(81,103,159)
-
#5970aa
#5970aa
rgb(89,112,170)
-
#667bb1
#667bb1
rgb(102,123,177)
-
#7386b8
#7386b8
rgb(115,134,184)
-
#8091be
#8091be
rgb(128,145,190)
-
#8d9dc5
#8d9dc5
rgb(141,157,197)
-
#9aa8cb
#9aa8cb
rgb(154,168,203)
-
#a7b3d2
#a7b3d2
rgb(167,179,210)
-
#b4bed9
#b4bed9
rgb(180,190,217)
-
#c1c9df
#c1c9df
rgb(193,201,223)
-
#ced5e6
#ced5e6
rgb(206,213,230)
-
#dbe0ed
#dbe0ed
rgb(219,224,237)
-
#e8ebf3
#e8ebf3
rgb(232,235,243)
-
#f5f6fa
#f5f6fa
rgb(245,246,250)
Tones of #667bb1
A tone is produced by adding gray to any pure hue. In this case, #8a8b8d is the less saturated color, while #1f5cf8 is the most saturated one.
-
#8a8b8d
#8a8b8d
rgb(138,139,141)
-
#818796
#818796
rgb(129,135,150)
-
#78839f
#78839f
rgb(120,131,159)
-
#6f7fa8
#6f7fa8
rgb(111,127,168)
-
#667bb1
#667bb1
rgb(102,123,177)
-
#5d77ba
#5d77ba
rgb(93,119,186)
-
#5473c3
#5473c3
rgb(84,115,195)
-
#4b6fcc
#4b6fcc
rgb(75,111,204)
-
#426bd5
#426bd5
rgb(66,107,213)
-
#3a67dd
#3a67dd
rgb(58,103,221)
-
#3164e6
#3164e6
rgb(49,100,230)
-
#2860ef
#2860ef
rgb(40,96,239)
-
#1f5cf8
#1f5cf8
rgb(31,92,248)
Color Blindness Simulator
Below, you can see how #667bb1 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.