#648ee5 Color Information
In a RGB color space, hex #648ee5 is composed of 39.2% red, 55.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 38% magenta, 0% yellow and 10.2% black. It has a hue angle of 220.5 degrees, a saturation of 71.3% and a lightness of 64.5%. #648ee5 color hex could be obtained by blending #c8ffff with #001dcb. Closest websafe color is: #6699cc.
-
- R 39
- G 56
- B 90
-
- C 56
- M 38
- Y 0
- K 10
● #648ee5 color description : Soft blue.
#648ee5 Color Conversion
The hexadecimal color #648ee5 has RGB values of R:100, G:142, B:229 and CMYK values of C:0.56, M:0.38, Y:0, K:0.1. Its decimal value is 6590181.
Hex triplet | 648ee5 | #648ee5 |
---|---|---|
RGB Decimal | 100, 142, 229 | rgb(100,142,229) |
RGB Percent | 39.2, 55.7, 89.8 | rgb(39.2%,55.7%,89.8%) |
CMYK | 56, 38, 0, 10 | |
HSL | 220.5°, 71.3, 64.5 | hsl(220.5,71.3%,64.5%) |
HSV (or HSB) | 220.5°, 56.3, 89.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 59.627, 10.894, -48.518 |
---|---|
XYZ | 29.068, 27.711, 77.941 |
xyY | 0.216, 0.206, 27.711 |
CIE-LCH | 59.627, 49.726, 282.655 |
CIE-LUV | 59.627, -20.531, -78.13 |
Hunter-Lab | 52.641, 6.445, -50.937 |
Binary | 01100100, 10001110, 11100101 |
Color Schemes with #648ee5
Alternatives to #648ee5
Below, you can see some colors close to #648ee5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648ee5 Preview
This text has a font color of #648ee5.
<span style="color:#648ee5;">Text here</span>
This paragraph has a background color of #648ee5.
<p style="background-color:#648ee5;">Content here</p>
This element has a border color of #648ee5.
<div style="border:1px solid #648ee5;">Content here</div>
.text {color:#648ee5;}
.background {background-color:#648ee5;}
.border {border:1px solid #648ee5;}
Shades and Tints of #648ee5
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, #02060d is the darkest color, while #fbfcfe is the lightest one.
-
#02060d
#02060d
rgb(2,6,13)
-
#050d1e
#050d1e
rgb(5,13,30)
-
#08142f
#08142f
rgb(8,20,47)
-
#0b1c3f
#0b1c3f
rgb(11,28,63)
-
#0d2350
#0d2350
rgb(13,35,80)
-
#102b61
#102b61
rgb(16,43,97)
-
#133272
#133272
rgb(19,50,114)
-
#163983
#163983
rgb(22,57,131)
-
#194193
#194193
rgb(25,65,147)
-
#1c48a4
#1c48a4
rgb(28,72,164)
-
#1e4fb5
#1e4fb5
rgb(30,79,181)
-
#2157c6
#2157c6
rgb(33,87,198)
-
#245ed7
#245ed7
rgb(36,94,215)
-
#3269dd
#3269dd
rgb(50,105,221)
-
#4276df
#4276df
rgb(66,118,223)
-
#5382e2
#5382e2
rgb(83,130,226)
-
#648ee5
#648ee5
rgb(100,142,229)
-
#759ae8
#759ae8
rgb(117,154,232)
-
#86a6eb
#86a6eb
rgb(134,166,235)
-
#96b3ed
#96b3ed
rgb(150,179,237)
-
#a7bff0
#a7bff0
rgb(167,191,240)
-
#b8cbf3
#b8cbf3
rgb(184,203,243)
-
#c9d7f6
#c9d7f6
rgb(201,215,246)
-
#dae4f9
#dae4f9
rgb(218,228,249)
-
#eaf0fc
#eaf0fc
rgb(234,240,252)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #648ee5
A tone is produced by adding gray to any pure hue. In this case, #a3a4a6 is the less saturated color, while #4f87fa is the most saturated one.
-
#a3a4a6
#a3a4a6
rgb(163,164,166)
-
#9ca1ad
#9ca1ad
rgb(156,161,173)
-
#959fb4
#959fb4
rgb(149,159,180)
-
#8e9dbb
#8e9dbb
rgb(142,157,187)
-
#879ac2
#879ac2
rgb(135,154,194)
-
#8098c9
#8098c9
rgb(128,152,201)
-
#7995d0
#7995d0
rgb(121,149,208)
-
#7293d7
#7293d7
rgb(114,147,215)
-
#6b90de
#6b90de
rgb(107,144,222)
-
#648ee5
#648ee5
rgb(100,142,229)
-
#5d8cec
#5d8cec
rgb(93,140,236)
-
#5689f3
#5689f3
rgb(86,137,243)
-
#4f87fa
#4f87fa
rgb(79,135,250)
Color Blindness Simulator
Below, you can see how #648ee5 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.