#667ef7 Color Information
In a RGB color space, hex #667ef7 is composed of 40% red, 49.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 49% magenta, 0% yellow and 3.1% black. It has a hue angle of 230.1 degrees, a saturation of 90.1% and a lightness of 68.4%. #667ef7 color hex could be obtained by blending #ccfcff with #0000ef. Closest websafe color is: #6666ff.
-
- R 40
- G 49
- B 97
-
- C 59
- M 49
- Y 0
- K 3
● #667ef7 color description : Soft blue.
#667ef7 Color Conversion
The hexadecimal color #667ef7 has RGB values of R:102, G:126, B:247 and CMYK values of C:0.59, M:0.49, Y:0, K:0.03. Its decimal value is 6717175.
Hex triplet | 667ef7 | #667ef7 |
---|---|---|
RGB Decimal | 102, 126, 247 | rgb(102,126,247) |
RGB Percent | 40, 49.4, 96.9 | rgb(40%,49.4%,96.9%) |
CMYK | 59, 49, 0, 3 | |
HSL | 230.1°, 90.1, 68.4 | hsl(230.1,90.1%,68.4%) |
HSV (or HSB) | 230.1°, 58.7, 96.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.546, 26.693, -63.411 |
---|---|
XYZ | 29.725, 24.46, 91.146 |
xyY | 0.205, 0.168, 24.46 |
CIE-LCH | 56.546, 68.8, 292.829 |
CIE-LUV | 56.546, -14.991, -102.764 |
Hunter-Lab | 49.457, 20.733, -74.646 |
Binary | 01100110, 01111110, 11110111 |
Color Schemes with #667ef7
Alternatives to #667ef7
Below, you can see some colors close to #667ef7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ef7 Preview
This text has a font color of #667ef7.
<span style="color:#667ef7;">Text here</span>
This paragraph has a background color of #667ef7.
<p style="background-color:#667ef7;">Content here</p>
This element has a border color of #667ef7.
<div style="border:1px solid #667ef7;">Content here</div>
.text {color:#667ef7;}
.background {background-color:#667ef7;}
.border {border:1px solid #667ef7;}
Shades and Tints of #667ef7
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, #01030f is the darkest color, while #fbfcff is the lightest one.
-
#01030f
#01030f
rgb(1,3,15)
-
#020721
#020721
rgb(2,7,33)
-
#030b34
#030b34
rgb(3,11,52)
-
#040f47
#040f47
rgb(4,15,71)
-
#051359
#051359
rgb(5,19,89)
-
#06176c
#06176c
rgb(6,23,108)
-
#071a7f
#071a7f
rgb(7,26,127)
-
#081e91
#081e91
rgb(8,30,145)
-
#0922a4
#0922a4
rgb(9,34,164)
-
#0a26b7
#0a26b7
rgb(10,38,183)
-
#0b2ac9
#0b2ac9
rgb(11,42,201)
-
#0b2edc
#0b2edc
rgb(11,46,220)
-
#0c32ee
#0c32ee
rgb(12,50,238)
-
#1b3ff3
#1b3ff3
rgb(27,63,243)
-
#2e4ff4
#2e4ff4
rgb(46,79,244)
-
#415ff5
#415ff5
rgb(65,95,245)
-
#536ef6
#536ef6
rgb(83,110,246)
-
#667ef7
#667ef7
rgb(102,126,247)
-
#798ef8
#798ef8
rgb(121,142,248)
-
#8b9df9
#8b9df9
rgb(139,157,249)
-
#9eadfa
#9eadfa
rgb(158,173,250)
-
#b1bdfb
#b1bdfb
rgb(177,189,251)
-
#c3cdfc
#c3cdfc
rgb(195,205,252)
-
#d6dcfd
#d6dcfd
rgb(214,220,253)
-
#e8ecfe
#e8ecfe
rgb(232,236,254)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #667ef7
A tone is produced by adding gray to any pure hue. In this case, #aaacb3 is the less saturated color, while #607afd is the most saturated one.
-
#aaacb3
#aaacb3
rgb(170,172,179)
-
#a4a7b9
#a4a7b9
rgb(164,167,185)
-
#9ea3bf
#9ea3bf
rgb(158,163,191)
-
#989fc5
#989fc5
rgb(152,159,197)
-
#919bcc
#919bcc
rgb(145,155,204)
-
#8b97d2
#8b97d2
rgb(139,151,210)
-
#8593d8
#8593d8
rgb(133,147,216)
-
#7f8fde
#7f8fde
rgb(127,143,222)
-
#798ae4
#798ae4
rgb(121,138,228)
-
#7286eb
#7286eb
rgb(114,134,235)
-
#6c82f1
#6c82f1
rgb(108,130,241)
-
#667ef7
#667ef7
rgb(102,126,247)
-
#607afd
#607afd
rgb(96,122,253)
Color Blindness Simulator
Below, you can see how #667ef7 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.