#667cf6 Color Information
In a RGB color space, hex #667cf6 is composed of 40% red, 48.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 49.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 230.8 degrees, a saturation of 88.9% and a lightness of 68.2%. #667cf6 color hex could be obtained by blending #ccf8ff with #0000ed. Closest websafe color is: #6666ff.
-
- R 40
- G 49
- B 96
-
- C 59
- M 50
- Y 0
- K 4
● #667cf6 color description : Soft blue.
#667cf6 Color Conversion
The hexadecimal color #667cf6 has RGB values of R:102, G:124, B:246 and CMYK values of C:0.59, M:0.5, Y:0, K:0.04. Its decimal value is 6716662.
Hex triplet | 667cf6 | #667cf6 |
---|---|---|
RGB Decimal | 102, 124, 246 | rgb(102,124,246) |
RGB Percent | 40, 48.6, 96.5 | rgb(40%,48.6%,96.5%) |
CMYK | 59, 50, 0, 4 | |
HSL | 230.8°, 88.9, 68.2 | hsl(230.8,88.9%,68.2%) |
HSV (or HSB) | 230.8°, 58.5, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.98, 27.575, -63.768 |
---|---|
XYZ | 29.318, 23.892, 90.25 |
xyY | 0.204, 0.167, 23.892 |
CIE-LCH | 55.98, 69.475, 293.385 |
CIE-LUV | 55.98, -14.363, -103.169 |
Hunter-Lab | 48.88, 21.525, -75.255 |
Binary | 01100110, 01111100, 11110110 |
Color Schemes with #667cf6
Alternatives to #667cf6
Below, you can see some colors close to #667cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667cf6 Preview
This text has a font color of #667cf6.
<span style="color:#667cf6;">Text here</span>
This paragraph has a background color of #667cf6.
<p style="background-color:#667cf6;">Content here</p>
This element has a border color of #667cf6.
<div style="border:1px solid #667cf6;">Content here</div>
.text {color:#667cf6;}
.background {background-color:#667cf6;}
.border {border:1px solid #667cf6;}
Shades and Tints of #667cf6
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, #01030e is the darkest color, while #fafbff is the lightest one.
-
#01030e
#01030e
rgb(1,3,14)
-
#020720
#020720
rgb(2,7,32)
-
#030a33
#030a33
rgb(3,10,51)
-
#040e45
#040e45
rgb(4,14,69)
-
#051258
#051258
rgb(5,18,88)
-
#06166a
#06166a
rgb(6,22,106)
-
#07197d
#07197d
rgb(7,25,125)
-
#081d8f
#081d8f
rgb(8,29,143)
-
#0a21a2
#0a21a2
rgb(10,33,162)
-
#0b25b4
#0b25b4
rgb(11,37,180)
-
#0c28c7
#0c28c7
rgb(12,40,199)
-
#0d2cda
#0d2cda
rgb(13,44,218)
-
#0e30ec
#0e30ec
rgb(14,48,236)
-
#1c3df2
#1c3df2
rgb(28,61,242)
-
#2e4cf3
#2e4cf3
rgb(46,76,243)
-
#415cf4
#415cf4
rgb(65,92,244)
-
#536cf5
#536cf5
rgb(83,108,245)
-
#667cf6
#667cf6
rgb(102,124,246)
-
#798cf7
#798cf7
rgb(121,140,247)
-
#8b9cf8
#8b9cf8
rgb(139,156,248)
-
#9eacf9
#9eacf9
rgb(158,172,249)
-
#b0bbfa
#b0bbfa
rgb(176,187,250)
-
#c3cbfb
#c3cbfb
rgb(195,203,251)
-
#d5dbfd
#d5dbfd
rgb(213,219,253)
-
#e8ebfe
#e8ebfe
rgb(232,235,254)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #667cf6
A tone is produced by adding gray to any pure hue. In this case, #abacb1 is the less saturated color, while #6078fc is the most saturated one.
-
#abacb1
#abacb1
rgb(171,172,177)
-
#a4a7b8
#a4a7b8
rgb(164,167,184)
-
#9ea3be
#9ea3be
rgb(158,163,190)
-
#989fc4
#989fc4
rgb(152,159,196)
-
#929aca
#929aca
rgb(146,154,202)
-
#8b96d1
#8b96d1
rgb(139,150,209)
-
#8592d7
#8592d7
rgb(133,146,215)
-
#7f8ddd
#7f8ddd
rgb(127,141,221)
-
#7989e3
#7989e3
rgb(121,137,227)
-
#7285ea
#7285ea
rgb(114,133,234)
-
#6c80f0
#6c80f0
rgb(108,128,240)
-
#667cf6
#667cf6
rgb(102,124,246)
-
#6078fc
#6078fc
rgb(96,120,252)
Color Blindness Simulator
Below, you can see how #667cf6 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.