#648dd1 Color Information
In a RGB color space, hex #648dd1 is composed of 39.2% red, 55.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 32.5% magenta, 0% yellow and 18% black. It has a hue angle of 217.4 degrees, a saturation of 54.2% and a lightness of 60.6%. #648dd1 color hex could be obtained by blending #c8ffff with #001ba3. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 82
-
- C 52
- M 33
- Y 0
- K 18
● #648dd1 color description : Moderate blue.
#648dd1 Color Conversion
The hexadecimal color #648dd1 has RGB values of R:100, G:141, B:209 and CMYK values of C:0.52, M:0.33, Y:0, K:0.18. Its decimal value is 6589905.
Hex triplet | 648dd1 | #648dd1 |
---|---|---|
RGB Decimal | 100, 141, 209 | rgb(100,141,209) |
RGB Percent | 39.2, 55.3, 82 | rgb(39.2%,55.3%,82%) |
CMYK | 52, 33, 0, 18 | |
HSL | 217.4°, 54.2, 60.6 | hsl(217.4,54.2%,60.6%) |
HSV (or HSB) | 217.4°, 52.2, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.378, 5.166, -39.314 |
---|---|
XYZ | 26.286, 26.361, 64.021 |
xyY | 0.225, 0.226, 26.361 |
CIE-LCH | 58.378, 39.652, 277.487 |
CIE-LUV | 58.378, -20.132, -62.071 |
Hunter-Lab | 51.343, 1.537, -37.99 |
Binary | 01100100, 10001101, 11010001 |
Color Schemes with #648dd1
Alternatives to #648dd1
Below, you can see some colors close to #648dd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648dd1 Preview
This text has a font color of #648dd1.
<span style="color:#648dd1;">Text here</span>
This paragraph has a background color of #648dd1.
<p style="background-color:#648dd1;">Content here</p>
This element has a border color of #648dd1.
<div style="border:1px solid #648dd1;">Content here</div>
.text {color:#648dd1;}
.background {background-color:#648dd1;}
.border {border:1px solid #648dd1;}
Shades and Tints of #648dd1
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)
-
#112039
#112039
rgb(17,32,57)
-
#152848
#152848
rgb(21,40,72)
-
#1a3157
#1a3157
rgb(26,49,87)
-
#1e3966
#1e3966
rgb(30,57,102)
-
#234275
#234275
rgb(35,66,117)
-
#274a84
#274a84
rgb(39,74,132)
-
#2c5394
#2c5394
rgb(44,83,148)
-
#305ba3
#305ba3
rgb(48,91,163)
-
#3564b2
#3564b2
rgb(53,100,178)
-
#396cc1
#396cc1
rgb(57,108,193)
-
#4677c8
#4677c8
rgb(70,119,200)
-
#5582cd
#5582cd
rgb(85,130,205)
-
#648dd1
#648dd1
rgb(100,141,209)
-
#7398d5
#7398d5
rgb(115,152,213)
-
#82a3da
#82a3da
rgb(130,163,218)
-
#91aede
#91aede
rgb(145,174,222)
-
#a1bae3
#a1bae3
rgb(161,186,227)
-
#b0c5e7
#b0c5e7
rgb(176,197,231)
-
#bfd0ec
#bfd0ec
rgb(191,208,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 #648dd1
A tone is produced by adding gray to any pure hue. In this case, #9a9a9b is the less saturated color, while #3d83f8 is the most saturated one.
-
#9a9a9b
#9a9a9b
rgb(154,154,155)
-
#9298a3
#9298a3
rgb(146,152,163)
-
#8b97aa
#8b97aa
rgb(139,151,170)
-
#8395b2
#8395b2
rgb(131,149,178)
-
#7b93ba
#7b93ba
rgb(123,147,186)
-
#7391c2
#7391c2
rgb(115,145,194)
-
#6c8fc9
#6c8fc9
rgb(108,143,201)
-
#648dd1
#648dd1
rgb(100,141,209)
-
#5c8bd9
#5c8bd9
rgb(92,139,217)
-
#5589e0
#5589e0
rgb(85,137,224)
-
#4d87e8
#4d87e8
rgb(77,135,232)
-
#4585f0
#4585f0
rgb(69,133,240)
-
#3d83f8
#3d83f8
rgb(61,131,248)
Color Blindness Simulator
Below, you can see how #648dd1 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.