#646af3 Color Information
In a RGB color space, hex #646af3 is composed of 39.2% red, 41.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 56.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.5 degrees, a saturation of 85.6% and a lightness of 67.3%. #646af3 color hex could be obtained by blending #c8d4ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 39
- G 42
- B 95
-
- C 59
- M 56
- Y 0
- K 5
● #646af3 color description : Soft blue.
#646af3 Color Conversion
The hexadecimal color #646af3 has RGB values of R:100, G:106, B:243 and CMYK values of C:0.59, M:0.56, Y:0, K:0.05. Its decimal value is 6580979.
Hex triplet | 646af3 | #646af3 |
---|---|---|
RGB Decimal | 100, 106, 243 | rgb(100,106,243) |
RGB Percent | 39.2, 41.6, 95.3 | rgb(39.2%,41.6%,95.3%) |
CMYK | 59, 56, 0, 5 | |
HSL | 237.5°, 85.6, 67.3 | hsl(237.5,85.6%,67.3%) |
HSV (or HSB) | 237.5°, 58.8, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.252, 37.106, -69.742 |
---|---|
XYZ | 26.584, 19.487, 87.15 |
xyY | 0.2, 0.146, 19.487 |
CIE-LCH | 51.252, 78.998, 298.015 |
CIE-LUV | 51.252, -9.734, -110.687 |
Hunter-Lab | 44.144, 30.241, -86.149 |
Binary | 01100100, 01101010, 11110011 |
Color Schemes with #646af3
Alternatives to #646af3
Below, you can see some colors close to #646af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#646af3 Preview
This text has a font color of #646af3.
<span style="color:#646af3;">Text here</span>
This paragraph has a background color of #646af3.
<p style="background-color:#646af3;">Content here</p>
This element has a border color of #646af3.
<div style="border:1px solid #646af3;">Content here</div>
.text {color:#646af3;}
.background {background-color:#646af3;}
.border {border:1px solid #646af3;}
Shades and Tints of #646af3
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, #010109 is the darkest color, while #f6f6fe is the lightest one.
-
#010109
#010109
rgb(1,1,9)
-
#02031b
#02031b
rgb(2,3,27)
-
#04052d
#04052d
rgb(4,5,45)
-
#05073f
#05073f
rgb(5,7,63)
-
#060952
#060952
rgb(6,9,82)
-
#080c64
#080c64
rgb(8,12,100)
-
#090e76
#090e76
rgb(9,14,118)
-
#0b1088
#0b1088
rgb(11,16,136)
-
#0c129b
#0c129b
rgb(12,18,155)
-
#0d14ad
#0d14ad
rgb(13,20,173)
-
#0f16bf
#0f16bf
rgb(15,22,191)
-
#1018d1
#1018d1
rgb(16,24,209)
-
#121ae3
#121ae3
rgb(18,26,227)
-
#1b24ed
#1b24ed
rgb(27,36,237)
-
#2d35ef
#2d35ef
rgb(45,53,239)
-
#4047f0
#4047f0
rgb(64,71,240)
-
#5258f2
#5258f2
rgb(82,88,242)
-
#646af3
#646af3
rgb(100,106,243)
-
#767cf4
#767cf4
rgb(118,124,244)
-
#888df6
#888df6
rgb(136,141,246)
-
#9b9ff7
#9b9ff7
rgb(155,159,247)
-
#adb0f9
#adb0f9
rgb(173,176,249)
-
#bfc2fa
#bfc2fa
rgb(191,194,250)
-
#d1d3fb
#d1d3fb
rgb(209,211,251)
-
#e3e5fd
#e3e5fd
rgb(227,229,253)
-
#f6f6fe
#f6f6fe
rgb(246,246,254)
Tones of #646af3
A tone is produced by adding gray to any pure hue. In this case, #ababac is the less saturated color, while #5e64f9 is the most saturated one.
-
#ababac
#ababac
rgb(171,171,172)
-
#a4a5b3
#a4a5b3
rgb(164,165,179)
-
#9e9fb9
#9e9fb9
rgb(158,159,185)
-
#9799c0
#9799c0
rgb(151,153,192)
-
#9193c6
#9193c6
rgb(145,147,198)
-
#8b8dcc
#8b8dcc
rgb(139,141,204)
-
#8487d3
#8487d3
rgb(132,135,211)
-
#7e82d9
#7e82d9
rgb(126,130,217)
-
#777ce0
#777ce0
rgb(119,124,224)
-
#7176e6
#7176e6
rgb(113,118,230)
-
#6a70ed
#6a70ed
rgb(106,112,237)
-
#646af3
#646af3
rgb(100,106,243)
-
#5e64f9
#5e64f9
rgb(94,100,249)
Color Blindness Simulator
Below, you can see how #646af3 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.