#664dff Color Information
In a RGB color space, hex #664dff is composed of 40% red, 30.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 69.8% magenta, 0% yellow and 0% black. It has a hue angle of 248.4 degrees, a saturation of 100% and a lightness of 65.1%. #664dff color hex could be obtained by blending #cc9aff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 30
- B 100
-
- C 60
- M 70
- Y 0
- K 0
● #664dff color description : Light blue.
#664dff Color Conversion
The hexadecimal color #664dff has RGB values of R:102, G:77, B:255 and CMYK values of C:0.6, M:0.7, Y:0, K:0. Its decimal value is 6704639.
Hex triplet | 664dff | #664dff |
---|---|---|
RGB Decimal | 102, 77, 255 | rgb(102,77,255) |
RGB Percent | 40, 30.2, 100 | rgb(40%,30.2%,100%) |
CMYK | 60, 70, 0, 0 | |
HSL | 248.4°, 100, 65.1 | hsl(248.4,100%,65.1%) |
HSV (or HSB) | 248.4°, 69.8, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.112, 57.598, -84.813 |
---|---|
XYZ | 26.18, 15.352, 96.186 |
xyY | 0.19, 0.111, 15.352 |
CIE-LCH | 46.112, 102.522, 304.181 |
CIE-LUV | 46.112, -3.415, -128.781 |
Hunter-Lab | 39.181, 50.703, -118.125 |
Binary | 01100110, 01001101, 11111111 |
Color Schemes with #664dff
Alternatives to #664dff
Below, you can see some colors close to #664dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664dff Preview
This text has a font color of #664dff.
<span style="color:#664dff;">Text here</span>
This paragraph has a background color of #664dff.
<p style="background-color:#664dff;">Content here</p>
This element has a border color of #664dff.
<div style="border:1px solid #664dff;">Content here</div>
.text {color:#664dff;}
.background {background-color:#664dff;}
.border {border:1px solid #664dff;}
Shades and Tints of #664dff
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, #030012 is the darkest color, while #fefeff is the lightest one.
-
#030012
#030012
rgb(3,0,18)
-
#050026
#050026
rgb(5,0,38)
-
#080039
#080039
rgb(8,0,57)
-
#0b004d
#0b004d
rgb(11,0,77)
-
#0e0061
#0e0061
rgb(14,0,97)
-
#100074
#100074
rgb(16,0,116)
-
#130088
#130088
rgb(19,0,136)
-
#16009b
#16009b
rgb(22,0,155)
-
#1900af
#1900af
rgb(25,0,175)
-
#1b00c3
#1b00c3
rgb(27,0,195)
-
#1e00d6
#1e00d6
rgb(30,0,214)
-
#2100ea
#2100ea
rgb(33,0,234)
-
#2400fe
#2400fe
rgb(36,0,254)
-
#3312ff
#3312ff
rgb(51,18,255)
-
#4426ff
#4426ff
rgb(68,38,255)
-
#5539ff
#5539ff
rgb(85,57,255)
-
#664dff
#664dff
rgb(102,77,255)
-
#7761ff
#7761ff
rgb(119,97,255)
-
#8874ff
#8874ff
rgb(136,116,255)
-
#9988ff
#9988ff
rgb(153,136,255)
-
#a99bff
#a99bff
rgb(169,155,255)
-
#baafff
#baafff
rgb(186,175,255)
-
#cbc3ff
#cbc3ff
rgb(203,195,255)
-
#dcd6ff
#dcd6ff
rgb(220,214,255)
-
#edeaff
#edeaff
rgb(237,234,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #664dff
A tone is produced by adding gray to any pure hue. In this case, #a19fad is the less saturated color, while #664dff is the most saturated one.
-
#a19fad
#a19fad
rgb(161,159,173)
-
#9c98b4
#9c98b4
rgb(156,152,180)
-
#9791bb
#9791bb
rgb(151,145,187)
-
#928bc1
#928bc1
rgb(146,139,193)
-
#8d84c8
#8d84c8
rgb(141,132,200)
-
#887dcf
#887dcf
rgb(136,125,207)
-
#8476d6
#8476d6
rgb(132,118,214)
-
#7f6fdd
#7f6fdd
rgb(127,111,221)
-
#7a68e4
#7a68e4
rgb(122,104,228)
-
#7562ea
#7562ea
rgb(117,98,234)
-
#705bf1
#705bf1
rgb(112,91,241)
-
#6b54f8
#6b54f8
rgb(107,84,248)
-
#664dff
#664dff
rgb(102,77,255)
Color Blindness Simulator
Below, you can see how #664dff 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.