#667ae4 Color Information
In a RGB color space, hex #667ae4 is composed of 40% red, 47.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 46.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 230.5 degrees, a saturation of 70% and a lightness of 64.7%. #667ae4 color hex could be obtained by blending #ccf4ff with #0000c9. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 89
-
- C 55
- M 46
- Y 0
- K 11
● #667ae4 color description : Soft blue.
#667ae4 Color Conversion
The hexadecimal color #667ae4 has RGB values of R:102, G:122, B:228 and CMYK values of C:0.55, M:0.46, Y:0, K:0.11. Its decimal value is 6716132.
Hex triplet | 667ae4 | #667ae4 |
---|---|---|
RGB Decimal | 102, 122, 228 | rgb(102,122,228) |
RGB Percent | 40, 47.8, 89.4 | rgb(40%,47.8%,89.4%) |
CMYK | 55, 46, 0, 11 | |
HSL | 230.5°, 70, 64.7 | hsl(230.5,70%,64.7%) |
HSV (or HSB) | 230.5°, 55.3, 89.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.39, 22.988, -56.293 |
---|---|
XYZ | 26.44, 22.344, 76.314 |
xyY | 0.211, 0.179, 22.344 |
CIE-LCH | 54.39, 60.806, 292.214 |
CIE-LUV | 54.39, -13.259, -90.369 |
Hunter-Lab | 47.27, 17.12, -62.632 |
Binary | 01100110, 01111010, 11100100 |
Color Schemes with #667ae4
Alternatives to #667ae4
Below, you can see some colors close to #667ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ae4 Preview
This text has a font color of #667ae4.
<span style="color:#667ae4;">Text here</span>
This paragraph has a background color of #667ae4.
<p style="background-color:#667ae4;">Content here</p>
This element has a border color of #667ae4.
<div style="border:1px solid #667ae4;">Content here</div>
.text {color:#667ae4;}
.background {background-color:#667ae4;}
.border {border:1px solid #667ae4;}
Shades and Tints of #667ae4
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, #02040e is the darkest color, while #fcfcfe is the lightest one.
-
#02040e
#02040e
rgb(2,4,14)
-
#05091e
#05091e
rgb(5,9,30)
-
#080e2f
#080e2f
rgb(8,14,47)
-
#0b1440
#0b1440
rgb(11,20,64)
-
#0e1950
#0e1950
rgb(14,25,80)
-
#111e61
#111e61
rgb(17,30,97)
-
#142372
#142372
rgb(20,35,114)
-
#172882
#172882
rgb(23,40,130)
-
#1a2d93
#1a2d93
rgb(26,45,147)
-
#1d32a4
#1d32a4
rgb(29,50,164)
-
#2037b4
#2037b4
rgb(32,55,180)
-
#233dc5
#233dc5
rgb(35,61,197)
-
#2642d6
#2642d6
rgb(38,66,214)
-
#344fdb
#344fdb
rgb(52,79,219)
-
#455dde
#455dde
rgb(69,93,222)
-
#556ce1
#556ce1
rgb(85,108,225)
-
#667ae4
#667ae4
rgb(102,122,228)
-
#7788e7
#7788e7
rgb(119,136,231)
-
#8797ea
#8797ea
rgb(135,151,234)
-
#98a5ed
#98a5ed
rgb(152,165,237)
-
#a9b4f0
#a9b4f0
rgb(169,180,240)
-
#b9c2f3
#b9c2f3
rgb(185,194,243)
-
#cad1f6
#cad1f6
rgb(202,209,246)
-
#dbdff9
#dbdff9
rgb(219,223,249)
-
#ebeefc
#ebeefc
rgb(235,238,252)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #667ae4
A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #516cf9 is the most saturated one.
-
#a4a5a6
#a4a5a6
rgb(164,165,166)
-
#9da0ad
#9da0ad
rgb(157,160,173)
-
#969bb4
#969bb4
rgb(150,155,180)
-
#9096ba
#9096ba
rgb(144,150,186)
-
#8992c1
#8992c1
rgb(137,146,193)
-
#828dc8
#828dc8
rgb(130,141,200)
-
#7b88cf
#7b88cf
rgb(123,136,207)
-
#7483d6
#7483d6
rgb(116,131,214)
-
#6d7fdd
#6d7fdd
rgb(109,127,221)
-
#667ae4
#667ae4
rgb(102,122,228)
-
#5f75eb
#5f75eb
rgb(95,117,235)
-
#5871f2
#5871f2
rgb(88,113,242)
-
#516cf9
#516cf9
rgb(81,108,249)
Color Blindness Simulator
Below, you can see how #667ae4 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.