#646aec Color Information
In a RGB color space, hex #646aec is composed of 39.2% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 237.4 degrees, a saturation of 78.2% and a lightness of 65.9%. #646aec color hex could be obtained by blending #c8d4ff with #0000d9. Closest websafe color is: #6666ff.
-
- R 39
- G 42
- B 93
-
- C 58
- M 55
- Y 0
- K 7
● #646aec color description : Soft blue.
#646aec Color Conversion
The hexadecimal color #646aec has RGB values of R:100, G:106, B:236 and CMYK values of C:0.58, M:0.55, Y:0, K:0.07. Its decimal value is 6580972.
Hex triplet | 646aec | #646aec |
---|---|---|
RGB Decimal | 100, 106, 236 | rgb(100,106,236) |
RGB Percent | 39.2, 41.6, 92.5 | rgb(39.2%,41.6%,92.5%) |
CMYK | 58, 55, 0, 7 | |
HSL | 237.4°, 78.2, 65.9 | hsl(237.4,78.2%,65.9%) |
HSV (or HSB) | 237.4°, 57.6, 92.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.772, 34.869, -66.607 |
---|---|
XYZ | 25.547, 19.072, 81.687 |
xyY | 0.202, 0.151, 19.072 |
CIE-LCH | 50.772, 75.182, 297.632 |
CIE-LUV | 50.772, -9.425, -105.603 |
Hunter-Lab | 43.672, 27.991, -80.33 |
Binary | 01100100, 01101010, 11101100 |
Color Schemes with #646aec
Alternatives to #646aec
Below, you can see some colors close to #646aec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#646aec Preview
This text has a font color of #646aec.
<span style="color:#646aec;">Text here</span>
This paragraph has a background color of #646aec.
<p style="background-color:#646aec;">Content here</p>
This element has a border color of #646aec.
<div style="border:1px solid #646aec;">Content here</div>
.text {color:#646aec;}
.background {background-color:#646aec;}
.border {border:1px solid #646aec;}
Shades and Tints of #646aec
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, #000002 is the darkest color, while #f0f0fd is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#020314
#020314
rgb(2,3,20)
-
#050625
#050625
rgb(5,6,37)
-
#070937
#070937
rgb(7,9,55)
-
#090c48
#090c48
rgb(9,12,72)
-
#0b0e5a
#0b0e5a
rgb(11,14,90)
-
#0d116b
#0d116b
rgb(13,17,107)
-
#0f147d
#0f147d
rgb(15,20,125)
-
#11178e
#11178e
rgb(17,23,142)
-
#141aa0
#141aa0
rgb(20,26,160)
-
#161db1
#161db1
rgb(22,29,177)
-
#181fc2
#181fc2
rgb(24,31,194)
-
#1a22d4
#1a22d4
rgb(26,34,212)
-
#1e27e3
#1e27e3
rgb(30,39,227)
-
#3038e6
#3038e6
rgb(48,56,230)
-
#4148e8
#4148e8
rgb(65,72,232)
-
#5359ea
#5359ea
rgb(83,89,234)
-
#646aec
#646aec
rgb(100,106,236)
-
#757bee
#757bee
rgb(117,123,238)
-
#878cf0
#878cf0
rgb(135,140,240)
-
#989cf2
#989cf2
rgb(152,156,242)
-
#aaadf5
#aaadf5
rgb(170,173,245)
-
#bbbef7
#bbbef7
rgb(187,190,247)
-
#cdcff9
#cdcff9
rgb(205,207,249)
-
#dee0fb
#dee0fb
rgb(222,224,251)
-
#f0f0fd
#f0f0fd
rgb(240,240,253)
Tones of #646aec
A tone is produced by adding gray to any pure hue. In this case, #a7a7a9 is the less saturated color, while #575ef9 is the most saturated one.
-
#a7a7a9
#a7a7a9
rgb(167,167,169)
-
#a0a1b0
#a0a1b0
rgb(160,161,176)
-
#9a9bb6
#9a9bb6
rgb(154,155,182)
-
#9395bd
#9395bd
rgb(147,149,189)
-
#8c8fc4
#8c8fc4
rgb(140,143,196)
-
#8589cb
#8589cb
rgb(133,137,203)
-
#7f82d1
#7f82d1
rgb(127,130,209)
-
#787cd8
#787cd8
rgb(120,124,216)
-
#7176df
#7176df
rgb(113,118,223)
-
#6b70e5
#6b70e5
rgb(107,112,229)
-
#646aec
#646aec
rgb(100,106,236)
-
#5d64f3
#5d64f3
rgb(93,100,243)
-
#575ef9
#575ef9
rgb(87,94,249)
Color Blindness Simulator
Below, you can see how #646aec 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.