#667baa Color Information
In a RGB color space, hex #667baa is composed of 40% red, 48.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 27.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 221.5 degrees, a saturation of 28.6% and a lightness of 53.3%. #667baa color hex could be obtained by blending #ccf6ff with #000055. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 67
-
- C 40
- M 28
- Y 0
- K 33
● #667baa color description : Mostly desaturated dark blue.
#667baa Color Conversion
The hexadecimal color #667baa has RGB values of R:102, G:123, B:170 and CMYK values of C:0.4, M:0.28, Y:0, K:0.33. Its decimal value is 6716330.
Hex triplet | 667baa | #667baa |
---|---|---|
RGB Decimal | 102, 123, 170 | rgb(102,123,170) |
RGB Percent | 40, 48.2, 66.7 | rgb(40%,48.2%,66.7%) |
CMYK | 40, 28, 0, 33 | |
HSL | 221.5°, 28.6, 53.3 | hsl(221.5,28.6%,53.3%) |
HSV (or HSB) | 221.5°, 40, 66.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.715, 4.607, -27.466 |
---|---|
XYZ | 19.817, 19.892, 40.823 |
xyY | 0.246, 0.247, 19.892 |
CIE-LCH | 51.715, 27.849, 279.523 |
CIE-LUV | 51.715, -12.077, -41.728 |
Hunter-Lab | 44.601, 1.258, -23.048 |
Binary | 01100110, 01111011, 10101010 |
Color Schemes with #667baa
Alternatives to #667baa
Below, you can see some colors close to #667baa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667baa Preview
This text has a font color of #667baa.
<span style="color:#667baa;">Text here</span>
This paragraph has a background color of #667baa.
<p style="background-color:#667baa;">Content here</p>
This element has a border color of #667baa.
<div style="border:1px solid #667baa;">Content here</div>
.text {color:#667baa;}
.background {background-color:#667baa;}
.border {border:1px solid #667baa;}
Shades and Tints of #667baa
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, #06080b is the darkest color, while #fdfefe is the lightest one.
-
#06080b
#06080b
rgb(6,8,11)
-
#0d1018
#0d1018
rgb(13,16,24)
-
#141924
#141924
rgb(20,25,36)
-
#1b2231
#1b2231
rgb(27,34,49)
-
#222b3d
#222b3d
rgb(34,43,61)
-
#29334a
#29334a
rgb(41,51,74)
-
#303c57
#303c57
rgb(48,60,87)
-
#374563
#374563
rgb(55,69,99)
-
#3e4d70
#3e4d70
rgb(62,77,112)
-
#45567c
#45567c
rgb(69,86,124)
-
#4c5f89
#4c5f89
rgb(76,95,137)
-
#536896
#536896
rgb(83,104,150)
-
#5a70a2
#5a70a2
rgb(90,112,162)
-
#667baa
#667baa
rgb(102,123,170)
-
#7386b1
#7386b1
rgb(115,134,177)
-
#7f91b8
#7f91b8
rgb(127,145,184)
-
#8c9cbf
#8c9cbf
rgb(140,156,191)
-
#98a7c6
#98a7c6
rgb(152,167,198)
-
#a5b1cd
#a5b1cd
rgb(165,177,205)
-
#b2bcd4
#b2bcd4
rgb(178,188,212)
-
#bec7db
#bec7db
rgb(190,199,219)
-
#cbd2e2
#cbd2e2
rgb(203,210,226)
-
#d7dde9
#d7dde9
rgb(215,221,233)
-
#e4e8f0
#e4e8f0
rgb(228,232,240)
-
#f1f3f7
#f1f3f7
rgb(241,243,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #667baa
A tone is produced by adding gray to any pure hue. In this case, #81868f is the less saturated color, while #145cfc is the most saturated one.
-
#81868f
#81868f
rgb(129,134,143)
-
#788298
#788298
rgb(120,130,152)
-
#6f7fa1
#6f7fa1
rgb(111,127,161)
-
#667baa
#667baa
rgb(102,123,170)
-
#5d78b3
#5d78b3
rgb(93,120,179)
-
#5474bc
#5474bc
rgb(84,116,188)
-
#4b71c5
#4b71c5
rgb(75,113,197)
-
#416dcf
#416dcf
rgb(65,109,207)
-
#386ad8
#386ad8
rgb(56,106,216)
-
#2f66e1
#2f66e1
rgb(47,102,225)
-
#2663ea
#2663ea
rgb(38,99,234)
-
#1d5ff3
#1d5ff3
rgb(29,95,243)
-
#145cfc
#145cfc
rgb(20,92,252)
Color Blindness Simulator
Below, you can see how #667baa 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.