#646cb2 Color Information
In a RGB color space, hex #646cb2 is composed of 39.2% red, 42.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 39.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 233.8 degrees, a saturation of 33.6% and a lightness of 54.5%. #646cb2 color hex could be obtained by blending #c8d8ff with #000065. Closest websafe color is: #666699.
-
- R 39
- G 42
- B 70
-
- C 44
- M 39
- Y 0
- K 30
● #646cb2 color description : Mostly desaturated dark blue.
#646cb2 Color Conversion
The hexadecimal color #646cb2 has RGB values of R:100, G:108, B:178 and CMYK values of C:0.44, M:0.39, Y:0, K:0.3. Its decimal value is 6581426.
Hex triplet | 646cb2 | #646cb2 |
---|---|---|
RGB Decimal | 100, 108, 178 | rgb(100,108,178) |
RGB Percent | 39.2, 42.4, 69.8 | rgb(39.2%,42.4%,69.8%) |
CMYK | 44, 39, 0, 30 | |
HSL | 233.8°, 33.6, 54.5 | hsl(233.8,33.6%,54.5%) |
HSV (or HSB) | 233.8°, 43.8, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.814, 15.5, -38.228 |
---|---|
XYZ | 18.652, 16.648, 44.348 |
xyY | 0.234, 0.209, 16.648 |
CIE-LCH | 47.814, 41.251, 292.071 |
CIE-LUV | 47.814, -7.444, -59.097 |
Hunter-Lab | 40.802, 10.196, -35.88 |
Binary | 01100100, 01101100, 10110010 |
Color Schemes with #646cb2
Alternatives to #646cb2
Below, you can see some colors close to #646cb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#646cb2 Preview
This text has a font color of #646cb2.
<span style="color:#646cb2;">Text here</span>
This paragraph has a background color of #646cb2.
<p style="background-color:#646cb2;">Content here</p>
This element has a border color of #646cb2.
<div style="border:1px solid #646cb2;">Content here</div>
.text {color:#646cb2;}
.background {background-color:#646cb2;}
.border {border:1px solid #646cb2;}
Shades and Tints of #646cb2
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, #010102 is the darkest color, while #f4f5fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#08080f
#08080f
rgb(8,8,15)
-
#0e101c
#0e101c
rgb(14,16,28)
-
#15172a
#15172a
rgb(21,23,42)
-
#1b1e37
#1b1e37
rgb(27,30,55)
-
#222544
#222544
rgb(34,37,68)
-
#282c51
#282c51
rgb(40,44,81)
-
#2f345e
#2f345e
rgb(47,52,94)
-
#353b6b
#353b6b
rgb(53,59,107)
-
#3c4278
#3c4278
rgb(60,66,120)
-
#424985
#424985
rgb(66,73,133)
-
#495092
#495092
rgb(73,80,146)
-
#4f57a0
#4f57a0
rgb(79,87,160)
-
#5760ab
#5760ab
rgb(87,96,171)
-
#646cb2
#646cb2
rgb(100,108,178)
-
#7178b9
#7178b9
rgb(113,120,185)
-
#7e85bf
#7e85bf
rgb(126,133,191)
-
#8b91c6
#8b91c6
rgb(139,145,198)
-
#989ecc
#989ecc
rgb(152,158,204)
-
#a6aad3
#a6aad3
rgb(166,170,211)
-
#b3b7d9
#b3b7d9
rgb(179,183,217)
-
#c0c3e0
#c0c3e0
rgb(192,195,224)
-
#cdcfe6
#cdcfe6
rgb(205,207,230)
-
#dadced
#dadced
rgb(218,220,237)
-
#e7e8f3
#e7e8f3
rgb(231,232,243)
-
#f4f5fa
#f4f5fa
rgb(244,245,250)
Tones of #646cb2
A tone is produced by adding gray to any pure hue. In this case, #88888e is the less saturated color, while #1d33f9 is the most saturated one.
-
#88888e
#88888e
rgb(136,136,142)
-
#7f8197
#7f8197
rgb(127,129,151)
-
#767aa0
#767aa0
rgb(118,122,160)
-
#6d73a9
#6d73a9
rgb(109,115,169)
-
#646cb2
#646cb2
rgb(100,108,178)
-
#5b65bb
#5b65bb
rgb(91,101,187)
-
#525ec4
#525ec4
rgb(82,94,196)
-
#4957cd
#4957cd
rgb(73,87,205)
-
#4050d6
#4050d6
rgb(64,80,214)
-
#3749df
#3749df
rgb(55,73,223)
-
#2e41e8
#2e41e8
rgb(46,65,232)
-
#263af0
#263af0
rgb(38,58,240)
-
#1d33f9
#1d33f9
rgb(29,51,249)
Color Blindness Simulator
Below, you can see how #646cb2 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.