#664bff Color Information
In a RGB color space, hex #664bff is composed of 40% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 249 degrees, a saturation of 100% and a lightness of 64.7%. #664bff color hex could be obtained by blending #cc96ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 40
- G 29
- B 100
-
- C 60
- M 71
- Y 0
- K 0
● #664bff color description : Light blue.
#664bff Color Conversion
The hexadecimal color #664bff has RGB values of R:102, G:75, B:255 and CMYK values of C:0.6, M:0.71, Y:0, K:0. Its decimal value is 6704127.
Hex triplet | 664bff | #664bff |
---|---|---|
RGB Decimal | 102, 75, 255 | rgb(102,75,255) |
RGB Percent | 40, 29.4, 100 | rgb(40%,29.4%,100%) |
CMYK | 60, 71, 0, 0 | |
HSL | 249°, 100, 64.7 | hsl(249,100%,64.7%) |
HSV (or HSB) | 249°, 70.6, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 45.738, 58.638, -85.427 |
---|---|
XYZ | 26.042, 15.076, 96.14 |
xyY | 0.19, 0.11, 15.076 |
CIE-LCH | 45.738, 103.615, 304.466 |
CIE-LUV | 45.738, -3.062, -129.235 |
Hunter-Lab | 38.828, 51.773, -119.626 |
Binary | 01100110, 01001011, 11111111 |
Color Schemes with #664bff
Alternatives to #664bff
Below, you can see some colors close to #664bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664bff Preview
This text has a font color of #664bff.
<span style="color:#664bff;">Text here</span>
This paragraph has a background color of #664bff.
<p style="background-color:#664bff;">Content here</p>
This element has a border color of #664bff.
<div style="border:1px solid #664bff;">Content here</div>
.text {color:#664bff;}
.background {background-color:#664bff;}
.border {border:1px solid #664bff;}
Shades and Tints of #664bff
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, #020010 is the darkest color, while #fcfcff is the lightest one.
-
#020010
#020010
rgb(2,0,16)
-
#050024
#050024
rgb(5,0,36)
-
#080037
#080037
rgb(8,0,55)
-
#0b004b
#0b004b
rgb(11,0,75)
-
#0e005f
#0e005f
rgb(14,0,95)
-
#110072
#110072
rgb(17,0,114)
-
#140086
#140086
rgb(20,0,134)
-
#170099
#170099
rgb(23,0,153)
-
#1a00ad
#1a00ad
rgb(26,0,173)
-
#1d00c1
#1d00c1
rgb(29,0,193)
-
#2000d4
#2000d4
rgb(32,0,212)
-
#2300e8
#2300e8
rgb(35,0,232)
-
#2600fc
#2600fc
rgb(38,0,252)
-
#3410ff
#3410ff
rgb(52,16,255)
-
#4524ff
#4524ff
rgb(69,36,255)
-
#5537ff
#5537ff
rgb(85,55,255)
-
#664bff
#664bff
rgb(102,75,255)
-
#775fff
#775fff
rgb(119,95,255)
-
#8772ff
#8772ff
rgb(135,114,255)
-
#9886ff
#9886ff
rgb(152,134,255)
-
#a999ff
#a999ff
rgb(169,153,255)
-
#b9adff
#b9adff
rgb(185,173,255)
-
#cac1ff
#cac1ff
rgb(202,193,255)
-
#dbd4ff
#dbd4ff
rgb(219,212,255)
-
#ebe8ff
#ebe8ff
rgb(235,232,255)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #664bff
A tone is produced by adding gray to any pure hue. In this case, #a09eac is the less saturated color, while #664bff is the most saturated one.
-
#a09eac
#a09eac
rgb(160,158,172)
-
#9b97b3
#9b97b3
rgb(155,151,179)
-
#9690ba
#9690ba
rgb(150,144,186)
-
#9289c1
#9289c1
rgb(146,137,193)
-
#8d82c8
#8d82c8
rgb(141,130,200)
-
#887bcf
#887bcf
rgb(136,123,207)
-
#8375d5
#8375d5
rgb(131,117,213)
-
#7e6edc
#7e6edc
rgb(126,110,220)
-
#7967e3
#7967e3
rgb(121,103,227)
-
#7560ea
#7560ea
rgb(117,96,234)
-
#7059f1
#7059f1
rgb(112,89,241)
-
#6b52f8
#6b52f8
rgb(107,82,248)
-
#664bff
#664bff
rgb(102,75,255)
Color Blindness Simulator
Below, you can see how #664bff 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.