#667fee Color Information
In a RGB color space, hex #667fee is composed of 40% red, 49.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 46.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 229 degrees, a saturation of 80% and a lightness of 66.7%. #667fee color hex could be obtained by blending #ccfeff with #0000dd. Closest websafe color is: #6666ff.
-
- R 40
- G 50
- B 93
-
- C 57
- M 47
- Y 0
- K 7
● #667fee color description : Soft blue.
#667fee Color Conversion
The hexadecimal color #667fee has RGB values of R:102, G:127, B:238 and CMYK values of C:0.57, M:0.47, Y:0, K:0.07. Its decimal value is 6717422.
Hex triplet | 667fee | #667fee |
---|---|---|
RGB Decimal | 102, 127, 238 | rgb(102,127,238) |
RGB Percent | 40, 49.8, 93.3 | rgb(40%,49.8%,93.3%) |
CMYK | 57, 47, 0, 7 | |
HSL | 229°, 80, 66.7 | hsl(229,80%,66.7%) |
HSV (or HSB) | 229°, 57.1, 93.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.263, 23.177, -58.874 |
---|---|
XYZ | 28.498, 24.175, 84.049 |
xyY | 0.208, 0.177, 24.175 |
CIE-LCH | 56.263, 63.272, 291.488 |
CIE-LUV | 56.263, -15.09, -95.159 |
Hunter-Lab | 49.168, 17.415, -66.933 |
Binary | 01100110, 01111111, 11101110 |
Color Schemes with #667fee
Alternatives to #667fee
Below, you can see some colors close to #667fee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667fee Preview
This text has a font color of #667fee.
<span style="color:#667fee;">Text here</span>
This paragraph has a background color of #667fee.
<p style="background-color:#667fee;">Content here</p>
This element has a border color of #667fee.
<div style="border:1px solid #667fee;">Content here</div>
.text {color:#667fee;}
.background {background-color:#667fee;}
.border {border:1px solid #667fee;}
Shades and Tints of #667fee
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, #010206 is the darkest color, while #f3f5fe is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#030618
#030618
rgb(3,6,24)
-
#050b29
#050b29
rgb(5,11,41)
-
#07103b
#07103b
rgb(7,16,59)
-
#09154d
#09154d
rgb(9,21,77)
-
#0a1a5e
#0a1a5e
rgb(10,26,94)
-
#0c1f70
#0c1f70
rgb(12,31,112)
-
#0e2481
#0e2481
rgb(14,36,129)
-
#102893
#102893
rgb(16,40,147)
-
#122da5
#122da5
rgb(18,45,165)
-
#1432b6
#1432b6
rgb(20,50,182)
-
#1637c8
#1637c8
rgb(22,55,200)
-
#183cda
#183cda
rgb(24,60,218)
-
#1f44e6
#1f44e6
rgb(31,68,230)
-
#3153e8
#3153e8
rgb(49,83,232)
-
#4361ea
#4361ea
rgb(67,97,234)
-
#5470ec
#5470ec
rgb(84,112,236)
-
#667fee
#667fee
rgb(102,127,238)
-
#788ef0
#788ef0
rgb(120,142,240)
-
#899df2
#899df2
rgb(137,157,242)
-
#9babf4
#9babf4
rgb(155,171,244)
-
#adbaf6
#adbaf6
rgb(173,186,246)
-
#bec9f8
#bec9f8
rgb(190,201,248)
-
#d0d8fa
#d0d8fa
rgb(208,216,250)
-
#e2e6fc
#e2e6fc
rgb(226,230,252)
-
#f3f5fe
#f3f5fe
rgb(243,245,254)
Tones of #667fee
A tone is produced by adding gray to any pure hue. In this case, #a7a8ad is the less saturated color, while #5977fb is the most saturated one.
-
#a7a8ad
#a7a8ad
rgb(167,168,173)
-
#a1a4b3
#a1a4b3
rgb(161,164,179)
-
#9aa0ba
#9aa0ba
rgb(154,160,186)
-
#949cc0
#949cc0
rgb(148,156,192)
-
#8d98c7
#8d98c7
rgb(141,152,199)
-
#8794cd
#8794cd
rgb(135,148,205)
-
#8090d4
#8090d4
rgb(128,144,212)
-
#7a8bda
#7a8bda
rgb(122,139,218)
-
#7387e1
#7387e1
rgb(115,135,225)
-
#6d83e7
#6d83e7
rgb(109,131,231)
-
#667fee
#667fee
rgb(102,127,238)
-
#5f7bf5
#5f7bf5
rgb(95,123,245)
-
#5977fb
#5977fb
rgb(89,119,251)
Color Blindness Simulator
Below, you can see how #667fee 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.