#667eaa Color Information
In a RGB color space, hex #667eaa is composed of 40% red, 49.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 25.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.8 degrees, a saturation of 28.6% and a lightness of 53.3%. #667eaa color hex could be obtained by blending #ccfcff with #000055. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 67
-
- C 40
- M 26
- Y 0
- K 33
● #667eaa color description : Mostly desaturated dark blue.
#667eaa Color Conversion
The hexadecimal color #667eaa has RGB values of R:102, G:126, B:170 and CMYK values of C:0.4, M:0.26, Y:0, K:0.33. Its decimal value is 6717098.
Hex triplet | 667eaa | #667eaa |
---|---|---|
RGB Decimal | 102, 126, 170 | rgb(102,126,170) |
RGB Percent | 40, 49.4, 66.7 | rgb(40%,49.4%,66.7%) |
CMYK | 40, 26, 0, 33 | |
HSL | 218.8°, 28.6, 53.3 | hsl(218.8,28.6%,53.3%) |
HSV (or HSB) | 218.8°, 40, 66.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.562, 2.829, -26.153 |
---|---|
XYZ | 20.194, 20.648, 40.949 |
xyY | 0.247, 0.252, 20.648 |
CIE-LCH | 52.562, 26.306, 276.175 |
CIE-LUV | 52.562, -13.276, -39.561 |
Hunter-Lab | 45.44, -0.191, -21.622 |
Binary | 01100110, 01111110, 10101010 |
Color Schemes with #667eaa
Alternatives to #667eaa
Below, you can see some colors close to #667eaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667eaa Preview
This text has a font color of #667eaa.
<span style="color:#667eaa;">Text here</span>
This paragraph has a background color of #667eaa.
<p style="background-color:#667eaa;">Content here</p>
This element has a border color of #667eaa.
<div style="border:1px solid #667eaa;">Content here</div>
.text {color:#667eaa;}
.background {background-color:#667eaa;}
.border {border:1px solid #667eaa;}
Shades and Tints of #667eaa
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)
-
#0d1118
#0d1118
rgb(13,17,24)
-
#141a24
#141a24
rgb(20,26,36)
-
#1b2331
#1b2331
rgb(27,35,49)
-
#222c3d
#222c3d
rgb(34,44,61)
-
#29354a
#29354a
rgb(41,53,74)
-
#303e57
#303e57
rgb(48,62,87)
-
#374763
#374763
rgb(55,71,99)
-
#3e5070
#3e5070
rgb(62,80,112)
-
#45597c
#45597c
rgb(69,89,124)
-
#4c6289
#4c6289
rgb(76,98,137)
-
#536b96
#536b96
rgb(83,107,150)
-
#5a74a2
#5a74a2
rgb(90,116,162)
-
#667eaa
#667eaa
rgb(102,126,170)
-
#7389b1
#7389b1
rgb(115,137,177)
-
#7f93b8
#7f93b8
rgb(127,147,184)
-
#8c9ebf
#8c9ebf
rgb(140,158,191)
-
#98a9c6
#98a9c6
rgb(152,169,198)
-
#a5b3cd
#a5b3cd
rgb(165,179,205)
-
#b2bed4
#b2bed4
rgb(178,190,212)
-
#bec8db
#bec8db
rgb(190,200,219)
-
#cbd3e2
#cbd3e2
rgb(203,211,226)
-
#d7dee9
#d7dee9
rgb(215,222,233)
-
#e4e8f0
#e4e8f0
rgb(228,232,240)
-
#f1f3f7
#f1f3f7
rgb(241,243,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #667eaa
A tone is produced by adding gray to any pure hue. In this case, #81868f is the less saturated color, while #1466fc is the most saturated one.
-
#81868f
#81868f
rgb(129,134,143)
-
#788398
#788398
rgb(120,131,152)
-
#6f81a1
#6f81a1
rgb(111,129,161)
-
#667eaa
#667eaa
rgb(102,126,170)
-
#5d7bb3
#5d7bb3
rgb(93,123,179)
-
#5479bc
#5479bc
rgb(84,121,188)
-
#4b76c5
#4b76c5
rgb(75,118,197)
-
#4173cf
#4173cf
rgb(65,115,207)
-
#3871d8
#3871d8
rgb(56,113,216)
-
#2f6ee1
#2f6ee1
rgb(47,110,225)
-
#266bea
#266bea
rgb(38,107,234)
-
#1d68f3
#1d68f3
rgb(29,104,243)
-
#1466fc
#1466fc
rgb(20,102,252)
Color Blindness Simulator
Below, you can see how #667eaa 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.