#646cf2 Color Information
In a RGB color space, hex #646cf2 is composed of 39.2% red, 42.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 55.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.6 degrees, a saturation of 84.5% and a lightness of 67.1%. #646cf2 color hex could be obtained by blending #c8d8ff with #0000e5. Closest websafe color is: #6666ff.
-
- R 39
- G 42
- B 95
-
- C 59
- M 55
- Y 0
- K 5
● #646cf2 color description : Soft blue.
#646cf2 Color Conversion
The hexadecimal color #646cf2 has RGB values of R:100, G:108, B:242 and CMYK values of C:0.59, M:0.55, Y:0, K:0.05. Its decimal value is 6581490.
Hex triplet | 646cf2 | #646cf2 |
---|---|---|
RGB Decimal | 100, 108, 242 | rgb(100,108,242) |
RGB Percent | 39.2, 42.4, 94.9 | rgb(39.2%,42.4%,94.9%) |
CMYK | 59, 55, 0, 5 | |
HSL | 236.6°, 84.5, 67.1 | hsl(236.6,84.5%,67.1%) |
HSV (or HSB) | 236.6°, 58.7, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.66, 35.584, -68.523 |
---|---|
XYZ | 26.642, 19.844, 86.426 |
xyY | 0.2, 0.149, 19.844 |
CIE-LCH | 51.66, 77.212, 297.443 |
CIE-LUV | 51.66, -10.228, -108.999 |
Hunter-Lab | 44.547, 28.798, -83.847 |
Binary | 01100100, 01101100, 11110010 |
Color Schemes with #646cf2
Alternatives to #646cf2
Below, you can see some colors close to #646cf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#646cf2 Preview
This text has a font color of #646cf2.
<span style="color:#646cf2;">Text here</span>
This paragraph has a background color of #646cf2.
<p style="background-color:#646cf2;">Content here</p>
This element has a border color of #646cf2.
<div style="border:1px solid #646cf2;">Content here</div>
.text {color:#646cf2;}
.background {background-color:#646cf2;}
.border {border:1px solid #646cf2;}
Shades and Tints of #646cf2
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, #010108 is the darkest color, while #f5f5fe is the lightest one.
-
#010108
#010108
rgb(1,1,8)
-
#02041a
#02041a
rgb(2,4,26)
-
#04062c
#04062c
rgb(4,6,44)
-
#05083e
#05083e
rgb(5,8,62)
-
#070b50
#070b50
rgb(7,11,80)
-
#080d62
#080d62
rgb(8,13,98)
-
#0a1074
#0a1074
rgb(10,16,116)
-
#0b1287
#0b1287
rgb(11,18,135)
-
#0d1599
#0d1599
rgb(13,21,153)
-
#0e17ab
#0e17ab
rgb(14,23,171)
-
#101abd
#101abd
rgb(16,26,189)
-
#111ccf
#111ccf
rgb(17,28,207)
-
#131ee1
#131ee1
rgb(19,30,225)
-
#1c27ec
#1c27ec
rgb(28,39,236)
-
#2e39ed
#2e39ed
rgb(46,57,237)
-
#404aef
#404aef
rgb(64,74,239)
-
#525bf0
#525bf0
rgb(82,91,240)
-
#646cf2
#646cf2
rgb(100,108,242)
-
#767df4
#767df4
rgb(118,125,244)
-
#888ef5
#888ef5
rgb(136,142,245)
-
#9a9ff7
#9a9ff7
rgb(154,159,247)
-
#acb1f8
#acb1f8
rgb(172,177,248)
-
#bec2fa
#bec2fa
rgb(190,194,250)
-
#d1d3fb
#d1d3fb
rgb(209,211,251)
-
#e3e4fd
#e3e4fd
rgb(227,228,253)
-
#f5f5fe
#f5f5fe
rgb(245,245,254)
Tones of #646cf2
A tone is produced by adding gray to any pure hue. In this case, #a5a5b1 is the less saturated color, while #5761ff is the most saturated one.
-
#a5a5b1
#a5a5b1
rgb(165,165,177)
-
#9ea0b8
#9ea0b8
rgb(158,160,184)
-
#989abe
#989abe
rgb(152,154,190)
-
#9194c5
#9194c5
rgb(145,148,197)
-
#8b8ecb
#8b8ecb
rgb(139,142,203)
-
#8489d2
#8489d2
rgb(132,137,210)
-
#7e83d8
#7e83d8
rgb(126,131,216)
-
#777ddf
#777ddf
rgb(119,125,223)
-
#7177e5
#7177e5
rgb(113,119,229)
-
#6a72ec
#6a72ec
rgb(106,114,236)
-
#646cf2
#646cf2
rgb(100,108,242)
-
#5e66f8
#5e66f8
rgb(94,102,248)
-
#5761ff
#5761ff
rgb(87,97,255)
Color Blindness Simulator
Below, you can see how #646cf2 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.