#667fdb Color Information
In a RGB color space, hex #667fdb is composed of 40% red, 49.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 42% magenta, 0% yellow and 14.1% black. It has a hue angle of 227.2 degrees, a saturation of 61.9% and a lightness of 62.9%. #667fdb color hex could be obtained by blending #ccfeff with #0000b7. Closest websafe color is: #6666cc.
-
- R 40
- G 50
- B 86
-
- C 53
- M 42
- Y 0
- K 14
● #667fdb color description : Soft blue.
#667fdb Color Conversion
The hexadecimal color #667fdb has RGB values of R:102, G:127, B:219 and CMYK values of C:0.53, M:0.42, Y:0, K:0.14. Its decimal value is 6717403.
Hex triplet | 667fdb | #667fdb |
---|---|---|
RGB Decimal | 102, 127, 219 | rgb(102,127,219) |
RGB Percent | 40, 49.8, 85.9 | rgb(40%,49.8%,85.9%) |
CMYK | 53, 42, 0, 14 | |
HSL | 227.2°, 61.9, 62.9 | hsl(227.2,61.9%,62.9%) |
HSV (or HSB) | 227.2°, 53.4, 85.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 55.192, 17.095, -49.962 |
---|---|
XYZ | 25.852, 23.117, 70.114 |
xyY | 0.217, 0.194, 23.117 |
CIE-LCH | 55.192, 52.806, 288.889 |
CIE-LUV | 55.192, -14.672, -79.958 |
Hunter-Lab | 48.08, 11.839, -52.805 |
Binary | 01100110, 01111111, 11011011 |
Color Schemes with #667fdb
Alternatives to #667fdb
Below, you can see some colors close to #667fdb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667fdb Preview
This text has a font color of #667fdb.
<span style="color:#667fdb;">Text here</span>
This paragraph has a background color of #667fdb.
<p style="background-color:#667fdb;">Content here</p>
This element has a border color of #667fdb.
<div style="border:1px solid #667fdb;">Content here</div>
.text {color:#667fdb;}
.background {background-color:#667fdb;}
.border {border:1px solid #667fdb;}
Shades and Tints of #667fdb
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 #f5f7fd is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#050916
#050916
rgb(5,9,22)
-
#090f26
#090f26
rgb(9,15,38)
-
#0d1535
#0d1535
rgb(13,21,53)
-
#101c45
#101c45
rgb(16,28,69)
-
#142255
#142255
rgb(20,34,85)
-
#182865
#182865
rgb(24,40,101)
-
#1c2f75
#1c2f75
rgb(28,47,117)
-
#1f3585
#1f3585
rgb(31,53,133)
-
#233b95
#233b95
rgb(35,59,149)
-
#2742a5
#2742a5
rgb(39,66,165)
-
#2a48b4
#2a48b4
rgb(42,72,180)
-
#2e4ec4
#2e4ec4
rgb(46,78,196)
-
#3657d0
#3657d0
rgb(54,87,208)
-
#4664d4
#4664d4
rgb(70,100,212)
-
#5672d7
#5672d7
rgb(86,114,215)
-
#667fdb
#667fdb
rgb(102,127,219)
-
#768cdf
#768cdf
rgb(118,140,223)
-
#869ae2
#869ae2
rgb(134,154,226)
-
#96a7e6
#96a7e6
rgb(150,167,230)
-
#a6b4ea
#a6b4ea
rgb(166,180,234)
-
#b5c1ee
#b5c1ee
rgb(181,193,238)
-
#c5cff1
#c5cff1
rgb(197,207,241)
-
#d5dcf5
#d5dcf5
rgb(213,220,245)
-
#e5e9f9
#e5e9f9
rgb(229,233,249)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #667fdb
A tone is produced by adding gray to any pure hue. In this case, #a0a0a1 is the less saturated color, while #496ef8 is the most saturated one.
-
#a0a0a1
#a0a0a1
rgb(160,160,161)
-
#999ca8
#999ca8
rgb(153,156,168)
-
#9298af
#9298af
rgb(146,152,175)
-
#8a94b7
#8a94b7
rgb(138,148,183)
-
#8390be
#8390be
rgb(131,144,190)
-
#7c8bc5
#7c8bc5
rgb(124,139,197)
-
#7587cc
#7587cc
rgb(117,135,204)
-
#6d83d4
#6d83d4
rgb(109,131,212)
-
#667fdb
#667fdb
rgb(102,127,219)
-
#5f7be2
#5f7be2
rgb(95,123,226)
-
#5777ea
#5777ea
rgb(87,119,234)
-
#5073f1
#5073f1
rgb(80,115,241)
-
#496ef8
#496ef8
rgb(73,110,248)
Color Blindness Simulator
Below, you can see how #667fdb 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.