#648cd1 Color Information
In a RGB color space, hex #648cd1 is composed of 39.2% red, 54.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 33% magenta, 0% yellow and 18% black. It has a hue angle of 218 degrees, a saturation of 54.2% and a lightness of 60.6%. #648cd1 color hex could be obtained by blending #c8ffff with #0019a3. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 82
-
- C 52
- M 33
- Y 0
- K 18
● #648cd1 color description : Moderate blue.
#648cd1 Color Conversion
The hexadecimal color #648cd1 has RGB values of R:100, G:140, B:209 and CMYK values of C:0.52, M:0.33, Y:0, K:0.18. Its decimal value is 6589649.
Hex triplet | 648cd1 | #648cd1 |
---|---|---|
RGB Decimal | 100, 140, 209 | rgb(100,140,209) |
RGB Percent | 39.2, 54.9, 82 | rgb(39.2%,54.9%,82%) |
CMYK | 52, 33, 0, 18 | |
HSL | 218°, 54.2, 60.6 | hsl(218,54.2%,60.6%) |
HSV (or HSB) | 218°, 52.2, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.101, 5.754, -39.749 |
---|---|
XYZ | 26.14, 26.068, 63.972 |
xyY | 0.225, 0.224, 26.068 |
CIE-LCH | 58.101, 40.163, 278.236 |
CIE-LUV | 58.101, -19.767, -62.801 |
Hunter-Lab | 51.056, 2.039, -38.549 |
Binary | 01100100, 10001100, 11010001 |
Color Schemes with #648cd1
Alternatives to #648cd1
Below, you can see some colors close to #648cd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648cd1 Preview
This text has a font color of #648cd1.
<span style="color:#648cd1;">Text here</span>
This paragraph has a background color of #648cd1.
<p style="background-color:#648cd1;">Content here</p>
This element has a border color of #648cd1.
<div style="border:1px solid #648cd1;">Content here</div>
.text {color:#648cd1;}
.background {background-color:#648cd1;}
.border {border:1px solid #648cd1;}
Shades and Tints of #648cd1
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, #03060b is the darkest color, while #fbfcfe is the lightest one.
-
#03060b
#03060b
rgb(3,6,11)
-
#080f1b
#080f1b
rgb(8,15,27)
-
#0c172a
#0c172a
rgb(12,23,42)
-
#111f39
#111f39
rgb(17,31,57)
-
#152848
#152848
rgb(21,40,72)
-
#1a3057
#1a3057
rgb(26,48,87)
-
#1e3966
#1e3966
rgb(30,57,102)
-
#234175
#234175
rgb(35,65,117)
-
#274984
#274984
rgb(39,73,132)
-
#2c5294
#2c5294
rgb(44,82,148)
-
#305aa3
#305aa3
rgb(48,90,163)
-
#3563b2
#3563b2
rgb(53,99,178)
-
#396bc1
#396bc1
rgb(57,107,193)
-
#4676c8
#4676c8
rgb(70,118,200)
-
#5581cd
#5581cd
rgb(85,129,205)
-
#648cd1
#648cd1
rgb(100,140,209)
-
#7397d5
#7397d5
rgb(115,151,213)
-
#82a2da
#82a2da
rgb(130,162,218)
-
#91aede
#91aede
rgb(145,174,222)
-
#a1b9e3
#a1b9e3
rgb(161,185,227)
-
#b0c4e7
#b0c4e7
rgb(176,196,231)
-
#bfcfec
#bfcfec
rgb(191,207,236)
-
#cedbf0
#cedbf0
rgb(206,219,240)
-
#dde6f5
#dde6f5
rgb(221,230,245)
-
#ecf1f9
#ecf1f9
rgb(236,241,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #648cd1
A tone is produced by adding gray to any pure hue. In this case, #9a9a9b is the less saturated color, while #3d82f8 is the most saturated one.
-
#9a9a9b
#9a9a9b
rgb(154,154,155)
-
#9298a3
#9298a3
rgb(146,152,163)
-
#8b96aa
#8b96aa
rgb(139,150,170)
-
#8394b2
#8394b2
rgb(131,148,178)
-
#7b92ba
#7b92ba
rgb(123,146,186)
-
#7390c2
#7390c2
rgb(115,144,194)
-
#6c8ec9
#6c8ec9
rgb(108,142,201)
-
#648cd1
#648cd1
rgb(100,140,209)
-
#5c8ad9
#5c8ad9
rgb(92,138,217)
-
#5588e0
#5588e0
rgb(85,136,224)
-
#4d86e8
#4d86e8
rgb(77,134,232)
-
#4584f0
#4584f0
rgb(69,132,240)
-
#3d82f8
#3d82f8
rgb(61,130,248)
Color Blindness Simulator
Below, you can see how #648cd1 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.