#648cd8 Color Information
In a RGB color space, hex #648cd8 is composed of 39.2% red, 54.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 35.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 219.3 degrees, a saturation of 59.8% and a lightness of 62%. #648cd8 color hex could be obtained by blending #c8ffff with #0019b1. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 85
-
- C 54
- M 35
- Y 0
- K 15
● #648cd8 color description : Moderate blue.
#648cd8 Color Conversion
The hexadecimal color #648cd8 has RGB values of R:100, G:140, B:216 and CMYK values of C:0.54, M:0.35, Y:0, K:0.15. Its decimal value is 6589656.
Hex triplet | 648cd8 | #648cd8 |
---|---|---|
RGB Decimal | 100, 140, 216 | rgb(100,140,216) |
RGB Percent | 39.2, 54.9, 84.7 | rgb(39.2%,54.9%,84.7%) |
CMYK | 54, 35, 0, 15 | |
HSL | 219.3°, 59.8, 62 | hsl(219.3,59.8%,62%) |
HSV (or HSB) | 219.3°, 53.7, 84.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.435, 7.945, -43.15 |
---|---|
XYZ | 27.026, 26.422, 68.638 |
xyY | 0.221, 0.216, 26.422 |
CIE-LCH | 58.435, 43.875, 280.433 |
CIE-LUV | 58.435, -19.789, -68.704 |
Hunter-Lab | 51.402, 3.895, -43.189 |
Binary | 01100100, 10001100, 11011000 |
Color Schemes with #648cd8
Alternatives to #648cd8
Below, you can see some colors close to #648cd8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648cd8 Preview
This text has a font color of #648cd8.
<span style="color:#648cd8;">Text here</span>
This paragraph has a background color of #648cd8.
<p style="background-color:#648cd8;">Content here</p>
This element has a border color of #648cd8.
<div style="border:1px solid #648cd8;">Content here</div>
.text {color:#648cd8;}
.background {background-color:#648cd8;}
.border {border:1px solid #648cd8;}
Shades and Tints of #648cd8
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)
-
#102140
#102140
rgb(16,33,64)
-
#142950
#142950
rgb(20,41,80)
-
#183160
#183160
rgb(24,49,96)
-
#1c396f
#1c396f
rgb(28,57,111)
-
#20417f
#20417f
rgb(32,65,127)
-
#24498f
#24498f
rgb(36,73,143)
-
#28519e
#28519e
rgb(40,81,158)
-
#2c59ae
#2c59ae
rgb(44,89,174)
-
#3061be
#3061be
rgb(48,97,190)
-
#3569cc
#3569cc
rgb(53,105,204)
-
#4575d0
#4575d0
rgb(69,117,208)
-
#5480d4
#5480d4
rgb(84,128,212)
-
#648cd8
#648cd8
rgb(100,140,216)
-
#7498dc
#7498dc
rgb(116,152,220)
-
#83a3e0
#83a3e0
rgb(131,163,224)
-
#93afe4
#93afe4
rgb(147,175,228)
-
#a3bbe8
#a3bbe8
rgb(163,187,232)
-
#b2c6ec
#b2c6ec
rgb(178,198,236)
-
#c2d2f0
#c2d2f0
rgb(194,210,240)
-
#d2ddf4
#d2ddf4
rgb(210,221,244)
-
#e1e9f8
#e1e9f8
rgb(225,233,248)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #648cd8
A tone is produced by adding gray to any pure hue. In this case, #989ca4 is the less saturated color, while #3f80fd is the most saturated one.
-
#989ca4
#989ca4
rgb(152,156,164)
-
#919aab
#919aab
rgb(145,154,171)
-
#8998b3
#8998b3
rgb(137,152,179)
-
#8295ba
#8295ba
rgb(130,149,186)
-
#7a93c2
#7a93c2
rgb(122,147,194)
-
#7391c9
#7391c9
rgb(115,145,201)
-
#6b8ed1
#6b8ed1
rgb(107,142,209)
-
#648cd8
#648cd8
rgb(100,140,216)
-
#5d8adf
#5d8adf
rgb(93,138,223)
-
#5587e7
#5587e7
rgb(85,135,231)
-
#4e85ee
#4e85ee
rgb(78,133,238)
-
#4683f6
#4683f6
rgb(70,131,246)
-
#3f80fd
#3f80fd
rgb(63,128,253)
Color Blindness Simulator
Below, you can see how #648cd8 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.