#648be2 Color Information
In a RGB color space, hex #648be2 is composed of 39.2% red, 54.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 38.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 221.4 degrees, a saturation of 68.5% and a lightness of 63.9%. #648be2 color hex could be obtained by blending #c8ffff with #0017c5. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 89
-
- C 56
- M 38
- Y 0
- K 11
● #648be2 color description : Soft blue.
#648be2 Color Conversion
The hexadecimal color #648be2 has RGB values of R:100, G:139, B:226 and CMYK values of C:0.56, M:0.38, Y:0, K:0.11. Its decimal value is 6589410.
Hex triplet | 648be2 | #648be2 |
---|---|---|
RGB Decimal | 100, 139, 226 | rgb(100,139,226) |
RGB Percent | 39.2, 54.5, 88.6 | rgb(39.2%,54.5%,88.6%) |
CMYK | 56, 38, 0, 11 | |
HSL | 221.4°, 68.5, 63.9 | hsl(221.4,68.5%,63.9%) |
HSV (or HSB) | 221.4°, 55.8, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.662, 11.713, -48.377 |
---|---|
XYZ | 28.213, 26.664, 75.607 |
xyY | 0.216, 0.204, 26.664 |
CIE-LCH | 58.662, 49.775, 283.611 |
CIE-LUV | 58.662, -19.483, -77.753 |
Hunter-Lab | 51.637, 7.16, -50.666 |
Binary | 01100100, 10001011, 11100010 |
Color Schemes with #648be2
Alternatives to #648be2
Below, you can see some colors close to #648be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648be2 Preview
This text has a font color of #648be2.
<span style="color:#648be2;">Text here</span>
This paragraph has a background color of #648be2.
<p style="background-color:#648be2;">Content here</p>
This element has a border color of #648be2.
<div style="border:1px solid #648be2;">Content here</div>
.text {color:#648be2;}
.background {background-color:#648be2;}
.border {border:1px solid #648be2;}
Shades and Tints of #648be2
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, #02040a is the darkest color, while #f9fafe is the lightest one.
-
#02040a
#02040a
rgb(2,4,10)
-
#050c1b
#050c1b
rgb(5,12,27)
-
#08132b
#08132b
rgb(8,19,43)
-
#0b1a3c
#0b1a3c
rgb(11,26,60)
-
#0e214c
#0e214c
rgb(14,33,76)
-
#11295d
#11295d
rgb(17,41,93)
-
#14306d
#14306d
rgb(20,48,109)
-
#18377e
#18377e
rgb(24,55,126)
-
#1b3e8e
#1b3e8e
rgb(27,62,142)
-
#1e469f
#1e469f
rgb(30,70,159)
-
#214daf
#214daf
rgb(33,77,175)
-
#2454c0
#2454c0
rgb(36,84,192)
-
#275bd1
#275bd1
rgb(39,91,209)
-
#3266d9
#3266d9
rgb(50,102,217)
-
#4372dc
#4372dc
rgb(67,114,220)
-
#537fdf
#537fdf
rgb(83,127,223)
-
#648be2
#648be2
rgb(100,139,226)
-
#7597e5
#7597e5
rgb(117,151,229)
-
#85a4e8
#85a4e8
rgb(133,164,232)
-
#96b0eb
#96b0eb
rgb(150,176,235)
-
#a6bcee
#a6bcee
rgb(166,188,238)
-
#b7c9f1
#b7c9f1
rgb(183,201,241)
-
#c7d5f5
#c7d5f5
rgb(199,213,245)
-
#d8e2f8
#d8e2f8
rgb(216,226,248)
-
#e8eefb
#e8eefb
rgb(232,238,251)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #648be2
A tone is produced by adding gray to any pure hue. In this case, #9da1a9 is the less saturated color, while #4880fe is the most saturated one.
-
#9da1a9
#9da1a9
rgb(157,161,169)
-
#969eb0
#969eb0
rgb(150,158,176)
-
#8e9bb8
#8e9bb8
rgb(142,155,184)
-
#8798bf
#8798bf
rgb(135,152,191)
-
#8096c6
#8096c6
rgb(128,150,198)
-
#7993cd
#7993cd
rgb(121,147,205)
-
#7290d4
#7290d4
rgb(114,144,212)
-
#6b8edb
#6b8edb
rgb(107,142,219)
-
#648be2
#648be2
rgb(100,139,226)
-
#5d88e9
#5d88e9
rgb(93,136,233)
-
#5686f0
#5686f0
rgb(86,134,240)
-
#4f83f7
#4f83f7
rgb(79,131,247)
-
#4880fe
#4880fe
rgb(72,128,254)
Color Blindness Simulator
Below, you can see how #648be2 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.