#667ae7 Color Information
In a RGB color space, hex #667ae7 is composed of 40% red, 47.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 47.2% magenta, 0% yellow and 9.4% black. It has a hue angle of 230.7 degrees, a saturation of 72.9% and a lightness of 65.3%. #667ae7 color hex could be obtained by blending #ccf4ff with #0000cf. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 91
-
- C 56
- M 47
- Y 0
- K 9
● #667ae7 color description : Soft blue.
#667ae7 Color Conversion
The hexadecimal color #667ae7 has RGB values of R:102, G:122, B:231 and CMYK values of C:0.56, M:0.47, Y:0, K:0.09. Its decimal value is 6716135.
Hex triplet | 667ae7 | #667ae7 |
---|---|---|
RGB Decimal | 102, 122, 231 | rgb(102,122,231) |
RGB Percent | 40, 47.8, 90.6 | rgb(40%,47.8%,90.6%) |
CMYK | 56, 47, 0, 9 | |
HSL | 230.7°, 72.9, 65.3 | hsl(230.7,72.9%,65.3%) |
HSV (or HSB) | 230.7°, 55.8, 90.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.566, 23.949, -57.69 |
---|---|
XYZ | 26.86, 22.512, 78.527 |
xyY | 0.21, 0.176, 22.512 |
CIE-LCH | 54.566, 62.464, 292.545 |
CIE-LUV | 54.566, -13.344, -92.73 |
Hunter-Lab | 47.447, 18.017, -64.915 |
Binary | 01100110, 01111010, 11100111 |
Color Schemes with #667ae7
Alternatives to #667ae7
Below, you can see some colors close to #667ae7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ae7 Preview
This text has a font color of #667ae7.
<span style="color:#667ae7;">Text here</span>
This paragraph has a background color of #667ae7.
<p style="background-color:#667ae7;">Content here</p>
This element has a border color of #667ae7.
<div style="border:1px solid #667ae7;">Content here</div>
.text {color:#667ae7;}
.background {background-color:#667ae7;}
.border {border:1px solid #667ae7;}
Shades and Tints of #667ae7
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, #030511 is the darkest color, while #ffffff is the lightest one.
-
#030511
#030511
rgb(3,5,17)
-
#050a22
#050a22
rgb(5,10,34)
-
#080f32
#080f32
rgb(8,15,50)
-
#0b1343
#0b1343
rgb(11,19,67)
-
#0d1854
#0d1854
rgb(13,24,84)
-
#101d65
#101d65
rgb(16,29,101)
-
#132276
#132276
rgb(19,34,118)
-
#152787
#152787
rgb(21,39,135)
-
#182c98
#182c98
rgb(24,44,152)
-
#1b31a9
#1b31a9
rgb(27,49,169)
-
#1d36ba
#1d36ba
rgb(29,54,186)
-
#203acb
#203acb
rgb(32,58,203)
-
#233fdc
#233fdc
rgb(35,63,220)
-
#334edf
#334edf
rgb(51,78,223)
-
#445de2
#445de2
rgb(68,93,226)
-
#556be4
#556be4
rgb(85,107,228)
-
#667ae7
#667ae7
rgb(102,122,231)
-
#7789ea
#7789ea
rgb(119,137,234)
-
#8897ec
#8897ec
rgb(136,151,236)
-
#99a6ef
#99a6ef
rgb(153,166,239)
-
#aab5f2
#aab5f2
rgb(170,181,242)
-
#bbc4f4
#bbc4f4
rgb(187,196,244)
-
#ccd2f7
#ccd2f7
rgb(204,210,247)
-
#dde1fa
#dde1fa
rgb(221,225,250)
-
#eef0fc
#eef0fc
rgb(238,240,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #667ae7
A tone is produced by adding gray to any pure hue. In this case, #a3a4aa is the less saturated color, while #526cfb is the most saturated one.
-
#a3a4aa
#a3a4aa
rgb(163,164,170)
-
#9ca0b1
#9ca0b1
rgb(156,160,177)
-
#969bb7
#969bb7
rgb(150,155,183)
-
#8f96be
#8f96be
rgb(143,150,190)
-
#8891c5
#8891c5
rgb(136,145,197)
-
#818dcc
#818dcc
rgb(129,141,204)
-
#7a88d3
#7a88d3
rgb(122,136,211)
-
#7483d9
#7483d9
rgb(116,131,217)
-
#6d7fe0
#6d7fe0
rgb(109,127,224)
-
#667ae7
#667ae7
rgb(102,122,231)
-
#5f75ee
#5f75ee
rgb(95,117,238)
-
#5871f5
#5871f5
rgb(88,113,245)
-
#526cfb
#526cfb
rgb(82,108,251)
Color Blindness Simulator
Below, you can see how #667ae7 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.