#648ed8 Color Information
In a RGB color space, hex #648ed8 is composed of 39.2% red, 55.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 34.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 218.3 degrees, a saturation of 59.8% and a lightness of 62%. #648ed8 color hex could be obtained by blending #c8ffff with #001db1. Closest websafe color is: #6699cc.
-
- R 39
- G 56
- B 85
-
- C 54
- M 34
- Y 0
- K 15
● #648ed8 color description : Moderate blue.
#648ed8 Color Conversion
The hexadecimal color #648ed8 has RGB values of R:100, G:142, B:216 and CMYK values of C:0.54, M:0.34, Y:0, K:0.15. Its decimal value is 6590168.
Hex triplet | 648ed8 | #648ed8 |
---|---|---|
RGB Decimal | 100, 142, 216 | rgb(100,142,216) |
RGB Percent | 39.2, 55.7, 84.7 | rgb(39.2%,55.7%,84.7%) |
CMYK | 54, 34, 0, 15 | |
HSL | 218.3°, 59.8, 62 | hsl(218.3,59.8%,62%) |
HSV (or HSB) | 218.3°, 53.7, 84.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.985, 6.767, -42.284 |
---|---|
XYZ | 27.32, 27.012, 68.736 |
xyY | 0.222, 0.219, 27.012 |
CIE-LCH | 58.985, 42.822, 279.092 |
CIE-LUV | 58.985, -20.505, -67.259 |
Hunter-Lab | 51.973, 2.879, -42.032 |
Binary | 01100100, 10001110, 11011000 |
Color Schemes with #648ed8
Alternatives to #648ed8
Below, you can see some colors close to #648ed8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648ed8 Preview
This text has a font color of #648ed8.
<span style="color:#648ed8;">Text here</span>
This paragraph has a background color of #648ed8.
<p style="background-color:#648ed8;">Content here</p>
This element has a border color of #648ed8.
<div style="border:1px solid #648ed8;">Content here</div>
.text {color:#648ed8;}
.background {background-color:#648ed8;}
.border {border:1px solid #648ed8;}
Shades and Tints of #648ed8
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, #000102 is the darkest color, while #f1f5fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040911
#040911
rgb(4,9,17)
-
#081121
#081121
rgb(8,17,33)
-
#0c1931
#0c1931
rgb(12,25,49)
-
#102240
#102240
rgb(16,34,64)
-
#142a50
#142a50
rgb(20,42,80)
-
#183260
#183260
rgb(24,50,96)
-
#1c3a6f
#1c3a6f
rgb(28,58,111)
-
#20427f
#20427f
rgb(32,66,127)
-
#244b8f
#244b8f
rgb(36,75,143)
-
#28539e
#28539e
rgb(40,83,158)
-
#2c5bae
#2c5bae
rgb(44,91,174)
-
#3063be
#3063be
rgb(48,99,190)
-
#356ccc
#356ccc
rgb(53,108,204)
-
#4577d0
#4577d0
rgb(69,119,208)
-
#5483d4
#5483d4
rgb(84,131,212)
-
#648ed8
#648ed8
rgb(100,142,216)
-
#7499dc
#7499dc
rgb(116,153,220)
-
#83a5e0
#83a5e0
rgb(131,165,224)
-
#93b0e4
#93b0e4
rgb(147,176,228)
-
#a3bce8
#a3bce8
rgb(163,188,232)
-
#b2c7ec
#b2c7ec
rgb(178,199,236)
-
#c2d3f0
#c2d3f0
rgb(194,211,240)
-
#d2def4
#d2def4
rgb(210,222,244)
-
#e1e9f8
#e1e9f8
rgb(225,233,248)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #648ed8
A tone is produced by adding gray to any pure hue. In this case, #989ca4 is the less saturated color, while #3f84fd is the most saturated one.
-
#989ca4
#989ca4
rgb(152,156,164)
-
#919aab
#919aab
rgb(145,154,171)
-
#8998b3
#8998b3
rgb(137,152,179)
-
#8296ba
#8296ba
rgb(130,150,186)
-
#7a94c2
#7a94c2
rgb(122,148,194)
-
#7392c9
#7392c9
rgb(115,146,201)
-
#6b90d1
#6b90d1
rgb(107,144,209)
-
#648ed8
#648ed8
rgb(100,142,216)
-
#5d8cdf
#5d8cdf
rgb(93,140,223)
-
#558ae7
#558ae7
rgb(85,138,231)
-
#4e88ee
#4e88ee
rgb(78,136,238)
-
#4686f6
#4686f6
rgb(70,134,246)
-
#3f84fd
#3f84fd
rgb(63,132,253)
Color Blindness Simulator
Below, you can see how #648ed8 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.