#667fec Color Information
In a RGB color space, hex #667fec is composed of 40% red, 49.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 46.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 228.8 degrees, a saturation of 77.9% and a lightness of 66.3%. #667fec color hex could be obtained by blending #ccfeff with #0000d9. Closest websafe color is: #6666ff.
-
- R 40
- G 50
- B 93
-
- C 57
- M 46
- Y 0
- K 7
● #667fec color description : Soft blue.
#667fec Color Conversion
The hexadecimal color #667fec has RGB values of R:102, G:127, B:236 and CMYK values of C:0.57, M:0.46, Y:0, K:0.07. Its decimal value is 6717420.
Hex triplet | 667fec | #667fec |
---|---|---|
RGB Decimal | 102, 127, 236 | rgb(102,127,236) |
RGB Percent | 40, 49.8, 92.5 | rgb(40%,49.8%,92.5%) |
CMYK | 57, 46, 0, 7 | |
HSL | 228.8°, 77.9, 66.3 | hsl(228.8,77.9%,66.3%) |
HSV (or HSB) | 228.8°, 56.8, 92.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.146, 22.532, -57.949 |
---|---|
XYZ | 28.206, 24.058, 82.51 |
xyY | 0.209, 0.179, 24.058 |
CIE-LCH | 56.146, 62.175, 291.247 |
CIE-LUV | 56.146, -15.046, -93.584 |
Hunter-Lab | 49.049, 16.811, -65.402 |
Binary | 01100110, 01111111, 11101100 |
Color Schemes with #667fec
Alternatives to #667fec
Below, you can see some colors close to #667fec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667fec Preview
This text has a font color of #667fec.
<span style="color:#667fec;">Text here</span>
This paragraph has a background color of #667fec.
<p style="background-color:#667fec;">Content here</p>
This element has a border color of #667fec.
<div style="border:1px solid #667fec;">Content here</div>
.text {color:#667fec;}
.background {background-color:#667fec;}
.border {border:1px solid #667fec;}
Shades and Tints of #667fec
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, #010104 is the darkest color, while #f2f4fd is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#030615
#030615
rgb(3,6,21)
-
#050b27
#050b27
rgb(5,11,39)
-
#071038
#071038
rgb(7,16,56)
-
#09154a
#09154a
rgb(9,21,74)
-
#0b1a5b
#0b1a5b
rgb(11,26,91)
-
#0e1f6d
#0e1f6d
rgb(14,31,109)
-
#10247e
#10247e
rgb(16,36,126)
-
#122990
#122990
rgb(18,41,144)
-
#142ea1
#142ea1
rgb(20,46,161)
-
#1633b3
#1633b3
rgb(22,51,179)
-
#1838c4
#1838c4
rgb(24,56,196)
-
#1b3dd5
#1b3dd5
rgb(27,61,213)
-
#2045e3
#2045e3
rgb(32,69,227)
-
#3253e5
#3253e5
rgb(50,83,229)
-
#4362e8
#4362e8
rgb(67,98,232)
-
#5570ea
#5570ea
rgb(85,112,234)
-
#667fec
#667fec
rgb(102,127,236)
-
#778eee
#778eee
rgb(119,142,238)
-
#899cf0
#899cf0
rgb(137,156,240)
-
#9aabf3
#9aabf3
rgb(154,171,243)
-
#acb9f5
#acb9f5
rgb(172,185,245)
-
#bdc8f7
#bdc8f7
rgb(189,200,247)
-
#cfd7f9
#cfd7f9
rgb(207,215,249)
-
#e0e5fb
#e0e5fb
rgb(224,229,251)
-
#f2f4fd
#f2f4fd
rgb(242,244,253)
Tones of #667fec
A tone is produced by adding gray to any pure hue. In this case, #a8a8aa is the less saturated color, while #5977f9 is the most saturated one.
-
#a8a8aa
#a8a8aa
rgb(168,168,170)
-
#a2a4b0
#a2a4b0
rgb(162,164,176)
-
#9ba0b7
#9ba0b7
rgb(155,160,183)
-
#949cbe
#949cbe
rgb(148,156,190)
-
#8e98c4
#8e98c4
rgb(142,152,196)
-
#8794cb
#8794cb
rgb(135,148,203)
-
#8090d2
#8090d2
rgb(128,144,210)
-
#7a8bd8
#7a8bd8
rgb(122,139,216)
-
#7387df
#7387df
rgb(115,135,223)
-
#6d83e5
#6d83e5
rgb(109,131,229)
-
#667fec
#667fec
rgb(102,127,236)
-
#5f7bf3
#5f7bf3
rgb(95,123,243)
-
#5977f9
#5977f9
rgb(89,119,249)
Color Blindness Simulator
Below, you can see how #667fec 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.