#648bd8 Color Information
In a RGB color space, hex #648bd8 is composed of 39.2% red, 54.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 35.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 219.8 degrees, a saturation of 59.8% and a lightness of 62%. #648bd8 color hex could be obtained by blending #c8ffff with #0017b1. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 85
-
- C 54
- M 36
- Y 0
- K 15
● #648bd8 color description : Moderate blue.
#648bd8 Color Conversion
The hexadecimal color #648bd8 has RGB values of R:100, G:139, B:216 and CMYK values of C:0.54, M:0.36, Y:0, K:0.15. Its decimal value is 6589400.
Hex triplet | 648bd8 | #648bd8 |
---|---|---|
RGB Decimal | 100, 139, 216 | rgb(100,139,216) |
RGB Percent | 39.2, 54.5, 84.7 | rgb(39.2%,54.5%,84.7%) |
CMYK | 54, 36, 0, 15 | |
HSL | 219.8°, 59.8, 62 | hsl(219.8,59.8%,62%) |
HSV (or HSB) | 219.8°, 53.7, 84.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.161, 8.536, -43.582 |
---|---|
XYZ | 26.88, 26.131, 68.589 |
xyY | 0.221, 0.215, 26.131 |
CIE-LCH | 58.161, 44.41, 281.082 |
CIE-LUV | 58.161, -19.432, -69.422 |
Hunter-Lab | 51.119, 4.405, -43.771 |
Binary | 01100100, 10001011, 11011000 |
Color Schemes with #648bd8
Alternatives to #648bd8
Below, you can see some colors close to #648bd8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bd8 Preview
This text has a font color of #648bd8.
<span style="color:#648bd8;">Text here</span>
This paragraph has a background color of #648bd8.
<p style="background-color:#648bd8;">Content here</p>
This element has a border color of #648bd8.
<div style="border:1px solid #648bd8;">Content here</div>
.text {color:#648bd8;}
.background {background-color:#648bd8;}
.border {border:1px solid #648bd8;}
Shades and Tints of #648bd8
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)
-
#102040
#102040
rgb(16,32,64)
-
#142850
#142850
rgb(20,40,80)
-
#183060
#183060
rgb(24,48,96)
-
#1c386f
#1c386f
rgb(28,56,111)
-
#20407f
#20407f
rgb(32,64,127)
-
#24488f
#24488f
rgb(36,72,143)
-
#28509e
#28509e
rgb(40,80,158)
-
#2c58ae
#2c58ae
rgb(44,88,174)
-
#3060be
#3060be
rgb(48,96,190)
-
#3568cc
#3568cc
rgb(53,104,204)
-
#4574d0
#4574d0
rgb(69,116,208)
-
#547fd4
#547fd4
rgb(84,127,212)
-
#648bd8
#648bd8
rgb(100,139,216)
-
#7497dc
#7497dc
rgb(116,151,220)
-
#83a2e0
#83a2e0
rgb(131,162,224)
-
#93aee4
#93aee4
rgb(147,174,228)
-
#a3bae8
#a3bae8
rgb(163,186,232)
-
#b2c6ec
#b2c6ec
rgb(178,198,236)
-
#c2d1f0
#c2d1f0
rgb(194,209,240)
-
#d2ddf4
#d2ddf4
rgb(210,221,244)
-
#e1e9f8
#e1e9f8
rgb(225,233,248)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #648bd8
A tone is produced by adding gray to any pure hue. In this case, #989ca4 is the less saturated color, while #3f7ffd is the most saturated one.
-
#989ca4
#989ca4
rgb(152,156,164)
-
#919aab
#919aab
rgb(145,154,171)
-
#8997b3
#8997b3
rgb(137,151,179)
-
#8295ba
#8295ba
rgb(130,149,186)
-
#7a92c2
#7a92c2
rgb(122,146,194)
-
#7390c9
#7390c9
rgb(115,144,201)
-
#6b8dd1
#6b8dd1
rgb(107,141,209)
-
#648bd8
#648bd8
rgb(100,139,216)
-
#5d89df
#5d89df
rgb(93,137,223)
-
#5586e7
#5586e7
rgb(85,134,231)
-
#4e84ee
#4e84ee
rgb(78,132,238)
-
#4681f6
#4681f6
rgb(70,129,246)
-
#3f7ffd
#3f7ffd
rgb(63,127,253)
Color Blindness Simulator
Below, you can see how #648bd8 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.