#667bfc Color Information
In a RGB color space, hex #667bfc is composed of 40% red, 48.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 51.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.6 degrees, a saturation of 96.2% and a lightness of 69.4%. #667bfc color hex could be obtained by blending #ccf6ff with #0000f9. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 99
-
- C 60
- M 51
- Y 0
- K 1
● #667bfc color description : Soft blue.
#667bfc Color Conversion
The hexadecimal color #667bfc has RGB values of R:102, G:123, B:252 and CMYK values of C:0.6, M:0.51, Y:0, K:0.01. Its decimal value is 6716412.
Hex triplet | 667bfc | #667bfc |
---|---|---|
RGB Decimal | 102, 123, 252 | rgb(102,123,252) |
RGB Percent | 40, 48.2, 98.8 | rgb(40%,48.2%,98.8%) |
CMYK | 60, 51, 0, 1 | |
HSL | 231.6°, 96.2, 69.4 | hsl(231.6,96.2%,69.4%) |
HSV (or HSB) | 231.6°, 59.5, 98.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.105, 30.123, -66.884 |
---|---|
XYZ | 30.13, 24.017, 95.138 |
xyY | 0.202, 0.161, 24.017 |
CIE-LCH | 56.105, 73.354, 294.246 |
CIE-LUV | 56.105, -14.228, -108.301 |
Hunter-Lab | 49.008, 23.977, -80.794 |
Binary | 01100110, 01111011, 11111100 |
Color Schemes with #667bfc
Alternatives to #667bfc
Below, you can see some colors close to #667bfc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667bfc Preview
This text has a font color of #667bfc.
<span style="color:#667bfc;">Text here</span>
This paragraph has a background color of #667bfc.
<p style="background-color:#667bfc;">Content here</p>
This element has a border color of #667bfc.
<div style="border:1px solid #667bfc;">Content here</div>
.text {color:#667bfc;}
.background {background-color:#667bfc;}
.border {border:1px solid #667bfc;}
Shades and Tints of #667bfc
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, #000001 is the darkest color, while #edefff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000314
#000314
rgb(0,3,20)
-
#010627
#010627
rgb(1,6,39)
-
#01093b
#01093b
rgb(1,9,59)
-
#020c4e
#020c4e
rgb(2,12,78)
-
#020f61
#020f61
rgb(2,15,97)
-
#021274
#021274
rgb(2,18,116)
-
#031588
#031588
rgb(3,21,136)
-
#03189b
#03189b
rgb(3,24,155)
-
#031bae
#031bae
rgb(3,27,174)
-
#041ec1
#041ec1
rgb(4,30,193)
-
#0421d5
#0421d5
rgb(4,33,213)
-
#0524e8
#0524e8
rgb(5,36,232)
-
#0628fa
#0628fa
rgb(6,40,250)
-
#1939fa
#1939fa
rgb(25,57,250)
-
#2c49fb
#2c49fb
rgb(44,73,251)
-
#405afb
#405afb
rgb(64,90,251)
-
#536afc
#536afc
rgb(83,106,252)
-
#667bfc
#667bfc
rgb(102,123,252)
-
#798cfc
#798cfc
rgb(121,140,252)
-
#8c9cfd
#8c9cfd
rgb(140,156,253)
-
#a0adfd
#a0adfd
rgb(160,173,253)
-
#b3bdfe
#b3bdfe
rgb(179,189,254)
-
#c6cefe
#c6cefe
rgb(198,206,254)
-
#d9dffe
#d9dffe
rgb(217,223,254)
-
#edefff
#edefff
rgb(237,239,255)
Tones of #667bfc
A tone is produced by adding gray to any pure hue. In this case, #aeafb4 is the less saturated color, while #667bfc is the most saturated one.
-
#aeafb4
#aeafb4
rgb(174,175,180)
-
#a8abba
#a8abba
rgb(168,171,186)
-
#a2a6c0
#a2a6c0
rgb(162,166,192)
-
#9ca2c6
#9ca2c6
rgb(156,162,198)
-
#969ecc
#969ecc
rgb(150,158,204)
-
#9099d2
#9099d2
rgb(144,153,210)
-
#8a95d8
#8a95d8
rgb(138,149,216)
-
#8491de
#8491de
rgb(132,145,222)
-
#7e8ce4
#7e8ce4
rgb(126,140,228)
-
#7888ea
#7888ea
rgb(120,136,234)
-
#7284f0
#7284f0
rgb(114,132,240)
-
#6c7ff6
#6c7ff6
rgb(108,127,246)
-
#667bfc
#667bfc
rgb(102,123,252)
Color Blindness Simulator
Below, you can see how #667bfc 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.