#648cd2 Color Information
In a RGB color space, hex #648cd2 is composed of 39.2% red, 54.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 33.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 218.2 degrees, a saturation of 55% and a lightness of 60.8%. #648cd2 color hex could be obtained by blending #c8ffff with #0019a5. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 82
-
- C 52
- M 33
- Y 0
- K 18
● #648cd2 color description : Moderate blue.
#648cd2 Color Conversion
The hexadecimal color #648cd2 has RGB values of R:100, G:140, B:210 and CMYK values of C:0.52, M:0.33, Y:0, K:0.18. Its decimal value is 6589650.
Hex triplet | 648cd2 | #648cd2 |
---|---|---|
RGB Decimal | 100, 140, 210 | rgb(100,140,210) |
RGB Percent | 39.2, 54.9, 82.4 | rgb(39.2%,54.9%,82.4%) |
CMYK | 52, 33, 0, 18 | |
HSL | 218.2°, 55, 60.8 | hsl(218.2,55%,60.8%) |
HSV (or HSB) | 218.2°, 52.4, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.148, 6.065, -40.237 |
---|---|
XYZ | 26.264, 26.117, 64.626 |
xyY | 0.224, 0.223, 26.117 |
CIE-LCH | 58.148, 40.692, 278.572 |
CIE-LUV | 58.148, -19.77, -63.647 |
Hunter-Lab | 51.105, 2.301, -39.203 |
Binary | 01100100, 10001100, 11010010 |
Color Schemes with #648cd2
Alternatives to #648cd2
Below, you can see some colors close to #648cd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648cd2 Preview
This text has a font color of #648cd2.
<span style="color:#648cd2;">Text here</span>
This paragraph has a background color of #648cd2.
<p style="background-color:#648cd2;">Content here</p>
This element has a border color of #648cd2.
<div style="border:1px solid #648cd2;">Content here</div>
.text {color:#648cd2;}
.background {background-color:#648cd2;}
.border {border:1px solid #648cd2;}
Shades and Tints of #648cd2
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, #04070c is the darkest color, while #fcfdfe is the lightest one.
-
#04070c
#04070c
rgb(4,7,12)
-
#080f1b
#080f1b
rgb(8,15,27)
-
#0c172b
#0c172b
rgb(12,23,43)
-
#11203a
#11203a
rgb(17,32,58)
-
#152849
#152849
rgb(21,40,73)
-
#1a3058
#1a3058
rgb(26,48,88)
-
#1e3967
#1e3967
rgb(30,57,103)
-
#224177
#224177
rgb(34,65,119)
-
#274986
#274986
rgb(39,73,134)
-
#2b5295
#2b5295
rgb(43,82,149)
-
#305aa4
#305aa4
rgb(48,90,164)
-
#3462b3
#3462b3
rgb(52,98,179)
-
#396bc3
#396bc3
rgb(57,107,195)
-
#4675c9
#4675c9
rgb(70,117,201)
-
#5581ce
#5581ce
rgb(85,129,206)
-
#648cd2
#648cd2
rgb(100,140,210)
-
#7397d6
#7397d6
rgb(115,151,214)
-
#82a3db
#82a3db
rgb(130,163,219)
-
#92aedf
#92aedf
rgb(146,174,223)
-
#a1b9e4
#a1b9e4
rgb(161,185,228)
-
#b0c4e8
#b0c4e8
rgb(176,196,232)
-
#bfd0ec
#bfd0ec
rgb(191,208,236)
-
#cedbf1
#cedbf1
rgb(206,219,241)
-
#dee6f5
#dee6f5
rgb(222,230,245)
-
#edf2fa
#edf2fa
rgb(237,242,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #648cd2
A tone is produced by adding gray to any pure hue. In this case, #9a9b9c is the less saturated color, while #3e82f8 is the most saturated one.
-
#9a9b9c
#9a9b9c
rgb(154,155,156)
-
#9299a4
#9299a4
rgb(146,153,164)
-
#8a96ac
#8a96ac
rgb(138,150,172)
-
#8394b3
#8394b3
rgb(131,148,179)
-
#7b92bb
#7b92bb
rgb(123,146,187)
-
#7390c3
#7390c3
rgb(115,144,195)
-
#6c8eca
#6c8eca
rgb(108,142,202)
-
#648cd2
#648cd2
rgb(100,140,210)
-
#5c8ada
#5c8ada
rgb(92,138,218)
-
#5588e1
#5588e1
rgb(85,136,225)
-
#4d86e9
#4d86e9
rgb(77,134,233)
-
#4584f1
#4584f1
rgb(69,132,241)
-
#3e82f8
#3e82f8
rgb(62,130,248)
Color Blindness Simulator
Below, you can see how #648cd2 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.