#667bfb Color Information
In a RGB color space, hex #667bfb is composed of 40% red, 48.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 51% magenta, 0% yellow and 1.6% black. It has a hue angle of 231.5 degrees, a saturation of 94.9% and a lightness of 69.2%. #667bfb color hex could be obtained by blending #ccf6ff with #0000f7. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 98
-
- C 59
- M 51
- Y 0
- K 2
● #667bfb color description : Soft blue.
#667bfb Color Conversion
The hexadecimal color #667bfb has RGB values of R:102, G:123, B:251 and CMYK values of C:0.59, M:0.51, Y:0, K:0.02. Its decimal value is 6716411.
Hex triplet | 667bfb | #667bfb |
---|---|---|
RGB Decimal | 102, 123, 251 | rgb(102,123,251) |
RGB Percent | 40, 48.2, 98.4 | rgb(40%,48.2%,98.4%) |
CMYK | 59, 51, 0, 2 | |
HSL | 231.5°, 94.9, 69.2 | hsl(231.5,94.9%,69.2%) |
HSV (or HSB) | 231.5°, 59.4, 98.4 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.042, 29.799, -66.434 |
---|---|
XYZ | 29.971, 23.954, 94.306 |
xyY | 0.202, 0.162, 23.954 |
CIE-LCH | 56.042, 72.811, 294.159 |
CIE-LUV | 56.042, -14.201, -107.546 |
Hunter-Lab | 48.943, 23.658, -79.982 |
Binary | 01100110, 01111011, 11111011 |
Color Schemes with #667bfb
Alternatives to #667bfb
Below, you can see some colors close to #667bfb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667bfb Preview
This text has a font color of #667bfb.
<span style="color:#667bfb;">Text here</span>
This paragraph has a background color of #667bfb.
<p style="background-color:#667bfb;">Content here</p>
This element has a border color of #667bfb.
<div style="border:1px solid #667bfb;">Content here</div>
.text {color:#667bfb;}
.background {background-color:#667bfb;}
.border {border:1px solid #667bfb;}
Shades and Tints of #667bfb
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, #000313 is the darkest color, while #ffffff is the lightest one.
-
#000313
#000313
rgb(0,3,19)
-
#010626
#010626
rgb(1,6,38)
-
#010939
#010939
rgb(1,9,57)
-
#020c4c
#020c4c
rgb(2,12,76)
-
#021060
#021060
rgb(2,16,96)
-
#031373
#031373
rgb(3,19,115)
-
#031686
#031686
rgb(3,22,134)
-
#041999
#041999
rgb(4,25,153)
-
#041cac
#041cac
rgb(4,28,172)
-
#051fbf
#051fbf
rgb(5,31,191)
-
#0522d2
#0522d2
rgb(5,34,210)
-
#0625e5
#0625e5
rgb(6,37,229)
-
#0629f8
#0629f8
rgb(6,41,248)
-
#1a39f9
#1a39f9
rgb(26,57,249)
-
#2d4afa
#2d4afa
rgb(45,74,250)
-
#405afa
#405afa
rgb(64,90,250)
-
#536bfb
#536bfb
rgb(83,107,251)
-
#667bfb
#667bfb
rgb(102,123,251)
-
#798bfb
#798bfb
rgb(121,139,251)
-
#8c9cfc
#8c9cfc
rgb(140,156,252)
-
#9facfc
#9facfc
rgb(159,172,252)
-
#b2bdfd
#b2bdfd
rgb(178,189,253)
-
#c6cdfd
#c6cdfd
rgb(198,205,253)
-
#d9defe
#d9defe
rgb(217,222,254)
-
#eceefe
#eceefe
rgb(236,238,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #667bfb
A tone is produced by adding gray to any pure hue. In this case, #aeafb3 is the less saturated color, while #667bfb is the most saturated one.
-
#aeafb3
#aeafb3
rgb(174,175,179)
-
#a8abb9
#a8abb9
rgb(168,171,185)
-
#a2a6bf
#a2a6bf
rgb(162,166,191)
-
#9ca2c5
#9ca2c5
rgb(156,162,197)
-
#969ecb
#969ecb
rgb(150,158,203)
-
#9099d1
#9099d1
rgb(144,153,209)
-
#8a95d7
#8a95d7
rgb(138,149,215)
-
#8491dd
#8491dd
rgb(132,145,221)
-
#7e8ce3
#7e8ce3
rgb(126,140,227)
-
#7888e9
#7888e9
rgb(120,136,233)
-
#7284ef
#7284ef
rgb(114,132,239)
-
#6c7ff5
#6c7ff5
rgb(108,127,245)
-
#667bfb
#667bfb
rgb(102,123,251)
Color Blindness Simulator
Below, you can see how #667bfb 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.