#646ae5 Color Information
In a RGB color space, hex #646ae5 is composed of 39.2% red, 41.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 53.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 237.2 degrees, a saturation of 71.3% and a lightness of 64.5%. #646ae5 color hex could be obtained by blending #c8d4ff with #0000cb. Closest websafe color is: #6666cc.
-
- R 39
- G 42
- B 90
-
- C 56
- M 54
- Y 0
- K 10
● #646ae5 color description : Soft blue.
#646ae5 Color Conversion
The hexadecimal color #646ae5 has RGB values of R:100, G:106, B:229 and CMYK values of C:0.56, M:0.54, Y:0, K:0.1. Its decimal value is 6580965.
Hex triplet | 646ae5 | #646ae5 |
---|---|---|
RGB Decimal | 100, 106, 229 | rgb(100,106,229) |
RGB Percent | 39.2, 41.6, 89.8 | rgb(39.2%,41.6%,89.8%) |
CMYK | 56, 54, 0, 10 | |
HSL | 237.2°, 71.3, 64.5 | hsl(237.2,71.3%,64.5%) |
HSV (or HSB) | 237.2°, 56.3, 89.8 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.303, 32.635, -63.434 |
---|---|
XYZ | 24.55, 18.674, 76.435 |
xyY | 0.205, 0.156, 18.674 |
CIE-LCH | 50.303, 71.336, 297.225 |
CIE-LUV | 50.303, -9.111, -100.438 |
Hunter-Lab | 43.213, 25.785, -74.623 |
Binary | 01100100, 01101010, 11100101 |
Color Schemes with #646ae5
Alternatives to #646ae5
Below, you can see some colors close to #646ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#646ae5 Preview
This text has a font color of #646ae5.
<span style="color:#646ae5;">Text here</span>
This paragraph has a background color of #646ae5.
<p style="background-color:#646ae5;">Content here</p>
This element has a border color of #646ae5.
<div style="border:1px solid #646ae5;">Content here</div>
.text {color:#646ae5;}
.background {background-color:#646ae5;}
.border {border:1px solid #646ae5;}
Shades and Tints of #646ae5
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, #02030d is the darkest color, while #fbfbfe is the lightest one.
-
#02030d
#02030d
rgb(2,3,13)
-
#05061e
#05061e
rgb(5,6,30)
-
#080a2f
#080a2f
rgb(8,10,47)
-
#0b0d3f
#0b0d3f
rgb(11,13,63)
-
#0d1150
#0d1150
rgb(13,17,80)
-
#101461
#101461
rgb(16,20,97)
-
#131772
#131772
rgb(19,23,114)
-
#161b83
#161b83
rgb(22,27,131)
-
#191e93
#191e93
rgb(25,30,147)
-
#1c22a4
#1c22a4
rgb(28,34,164)
-
#1e25b5
#1e25b5
rgb(30,37,181)
-
#2129c6
#2129c6
rgb(33,41,198)
-
#242cd7
#242cd7
rgb(36,44,215)
-
#323add
#323add
rgb(50,58,221)
-
#424adf
#424adf
rgb(66,74,223)
-
#535ae2
#535ae2
rgb(83,90,226)
-
#646ae5
#646ae5
rgb(100,106,229)
-
#757ae8
#757ae8
rgb(117,122,232)
-
#868aeb
#868aeb
rgb(134,138,235)
-
#969aed
#969aed
rgb(150,154,237)
-
#a7abf0
#a7abf0
rgb(167,171,240)
-
#b8bbf3
#b8bbf3
rgb(184,187,243)
-
#c9cbf6
#c9cbf6
rgb(201,203,246)
-
#dadbf9
#dadbf9
rgb(218,219,249)
-
#eaebfc
#eaebfc
rgb(234,235,252)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #646ae5
A tone is produced by adding gray to any pure hue. In this case, #a3a3a6 is the less saturated color, while #4f57fa is the most saturated one.
-
#a3a3a6
#a3a3a6
rgb(163,163,166)
-
#9c9dad
#9c9dad
rgb(156,157,173)
-
#9596b4
#9596b4
rgb(149,150,180)
-
#8e90bb
#8e90bb
rgb(142,144,187)
-
#878ac2
#878ac2
rgb(135,138,194)
-
#8083c9
#8083c9
rgb(128,131,201)
-
#797dd0
#797dd0
rgb(121,125,208)
-
#7277d7
#7277d7
rgb(114,119,215)
-
#6b70de
#6b70de
rgb(107,112,222)
-
#646ae5
#646ae5
rgb(100,106,229)
-
#5d64ec
#5d64ec
rgb(93,100,236)
-
#565df3
#565df3
rgb(86,93,243)
-
#4f57fa
#4f57fa
rgb(79,87,250)
Color Blindness Simulator
Below, you can see how #646ae5 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.