#667bdc Color Information
In a RGB color space, hex #667bdc is composed of 40% red, 48.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 44.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 229.3 degrees, a saturation of 62.8% and a lightness of 63.1%. #667bdc color hex could be obtained by blending #ccf6ff with #0000b9. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 86
-
- C 54
- M 44
- Y 0
- K 14
● #667bdc color description : Soft blue.
#667bdc Color Conversion
The hexadecimal color #667bdc has RGB values of R:102, G:123, B:220 and CMYK values of C:0.54, M:0.44, Y:0, K:0.14. Its decimal value is 6716380.
Hex triplet | 667bdc | #667bdc |
---|---|---|
RGB Decimal | 102, 123, 220 | rgb(102,123,220) |
RGB Percent | 40, 48.2, 86.3 | rgb(40%,48.2%,86.3%) |
CMYK | 54, 44, 0, 14 | |
HSL | 229.3°, 62.8, 63.1 | hsl(229.3,62.8%,63.1%) |
HSV (or HSB) | 229.3°, 53.6, 86.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.193, 19.832, -52.116 |
---|---|
XYZ | 25.478, 22.157, 70.64 |
xyY | 0.215, 0.187, 22.157 |
CIE-LCH | 54.193, 55.762, 290.833 |
CIE-LUV | 54.193, -13.364, -83.371 |
Hunter-Lab | 47.071, 14.242, -56.028 |
Binary | 01100110, 01111011, 11011100 |
Color Schemes with #667bdc
Alternatives to #667bdc
Below, you can see some colors close to #667bdc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667bdc Preview
This text has a font color of #667bdc.
<span style="color:#667bdc;">Text here</span>
This paragraph has a background color of #667bdc.
<p style="background-color:#667bdc;">Content here</p>
This element has a border color of #667bdc.
<div style="border:1px solid #667bdc;">Content here</div>
.text {color:#667bdc;}
.background {background-color:#667bdc;}
.border {border:1px solid #667bdc;}
Shades and Tints of #667bdc
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, #020207 is the darkest color, while #f6f7fd is the lightest one.
-
#020207
#020207
rgb(2,2,7)
-
#050817
#050817
rgb(5,8,23)
-
#090e27
#090e27
rgb(9,14,39)
-
#0c1437
#0c1437
rgb(12,20,55)
-
#101a46
#101a46
rgb(16,26,70)
-
#142056
#142056
rgb(20,32,86)
-
#172566
#172566
rgb(23,37,102)
-
#1b2b76
#1b2b76
rgb(27,43,118)
-
#1f3186
#1f3186
rgb(31,49,134)
-
#223796
#223796
rgb(34,55,150)
-
#263da6
#263da6
rgb(38,61,166)
-
#2a43b6
#2a43b6
rgb(42,67,182)
-
#2d49c6
#2d49c6
rgb(45,73,198)
-
#3652d1
#3652d1
rgb(54,82,209)
-
#465fd5
#465fd5
rgb(70,95,213)
-
#566dd8
#566dd8
rgb(86,109,216)
-
#667bdc
#667bdc
rgb(102,123,220)
-
#7689e0
#7689e0
rgb(118,137,224)
-
#8697e3
#8697e3
rgb(134,151,227)
-
#96a4e7
#96a4e7
rgb(150,164,231)
-
#a6b2eb
#a6b2eb
rgb(166,178,235)
-
#b6c0ee
#b6c0ee
rgb(182,192,238)
-
#c6cef2
#c6cef2
rgb(198,206,242)
-
#d6dbf6
#d6dbf6
rgb(214,219,246)
-
#e6e9f9
#e6e9f9
rgb(230,233,249)
-
#f6f7fd
#f6f7fd
rgb(246,247,253)
Tones of #667bdc
A tone is produced by adding gray to any pure hue. In this case, #a0a0a2 is the less saturated color, while #4968f9 is the most saturated one.
-
#a0a0a2
#a0a0a2
rgb(160,160,162)
-
#999ca9
#999ca9
rgb(153,156,169)
-
#9197b1
#9197b1
rgb(145,151,177)
-
#8a92b8
#8a92b8
rgb(138,146,184)
-
#838ebf
#838ebf
rgb(131,142,191)
-
#7c89c6
#7c89c6
rgb(124,137,198)
-
#7484ce
#7484ce
rgb(116,132,206)
-
#6d80d5
#6d80d5
rgb(109,128,213)
-
#667bdc
#667bdc
rgb(102,123,220)
-
#5f76e3
#5f76e3
rgb(95,118,227)
-
#5872ea
#5872ea
rgb(88,114,234)
-
#506df2
#506df2
rgb(80,109,242)
-
#4968f9
#4968f9
rgb(73,104,249)
Color Blindness Simulator
Below, you can see how #667bdc 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.