#648bdc Color Information
In a RGB color space, hex #648bdc is composed of 39.2% red, 54.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 36.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 220.5 degrees, a saturation of 63.2% and a lightness of 62.7%. #648bdc color hex could be obtained by blending #c8ffff with #0017b9. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 86
-
- C 55
- M 37
- Y 0
- K 14
● #648bdc color description : Soft blue.
#648bdc Color Conversion
The hexadecimal color #648bdc has RGB values of R:100, G:139, B:220 and CMYK values of C:0.55, M:0.37, Y:0, K:0.14. Its decimal value is 6589404.
Hex triplet | 648bdc | #648bdc |
---|---|---|
RGB Decimal | 100, 139, 220 | rgb(100,139,220) |
RGB Percent | 39.2, 54.5, 86.3 | rgb(39.2%,54.5%,86.3%) |
CMYK | 55, 37, 0, 14 | |
HSL | 220.5°, 63.2, 62.7 | hsl(220.5,63.2%,62.7%) |
HSV (or HSB) | 220.5°, 54.5, 86.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.359, 9.801, -45.509 |
---|---|
XYZ | 27.404, 26.34, 71.346 |
xyY | 0.219, 0.211, 26.34 |
CIE-LCH | 58.359, 46.552, 282.154 |
CIE-LUV | 58.359, -19.451, -72.768 |
Hunter-Lab | 51.323, 5.494, -46.496 |
Binary | 01100100, 10001011, 11011100 |
Color Schemes with #648bdc
Alternatives to #648bdc
Below, you can see some colors close to #648bdc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bdc Preview
This text has a font color of #648bdc.
<span style="color:#648bdc;">Text here</span>
This paragraph has a background color of #648bdc.
<p style="background-color:#648bdc;">Content here</p>
This element has a border color of #648bdc.
<div style="border:1px solid #648bdc;">Content here</div>
.text {color:#648bdc;}
.background {background-color:#648bdc;}
.border {border:1px solid #648bdc;}
Shades and Tints of #648bdc
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, #010205 is the darkest color, while #f4f7fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050a15
#050a15
rgb(5,10,21)
-
#081225
#081225
rgb(8,18,37)
-
#0c1935
#0c1935
rgb(12,25,53)
-
#102145
#102145
rgb(16,33,69)
-
#132955
#132955
rgb(19,41,85)
-
#173065
#173065
rgb(23,48,101)
-
#1a3875
#1a3875
rgb(26,56,117)
-
#1e4085
#1e4085
rgb(30,64,133)
-
#224795
#224795
rgb(34,71,149)
-
#254fa5
#254fa5
rgb(37,79,165)
-
#2956b5
#2956b5
rgb(41,86,181)
-
#2c5ec5
#2c5ec5
rgb(44,94,197)
-
#3467d1
#3467d1
rgb(52,103,209)
-
#4473d5
#4473d5
rgb(68,115,213)
-
#547fd8
#547fd8
rgb(84,127,216)
-
#648bdc
#648bdc
rgb(100,139,220)
-
#7497e0
#7497e0
rgb(116,151,224)
-
#84a3e3
#84a3e3
rgb(132,163,227)
-
#94afe7
#94afe7
rgb(148,175,231)
-
#a4bbea
#a4bbea
rgb(164,187,234)
-
#b4c7ee
#b4c7ee
rgb(180,199,238)
-
#c4d3f2
#c4d3f2
rgb(196,211,242)
-
#d4dff5
#d4dff5
rgb(212,223,245)
-
#e4ebf9
#e4ebf9
rgb(228,235,249)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #648bdc
A tone is produced by adding gray to any pure hue. In this case, #9e9fa2 is the less saturated color, while #4781f9 is the most saturated one.
-
#9e9fa2
#9e9fa2
rgb(158,159,162)
-
#979da9
#979da9
rgb(151,157,169)
-
#909ab0
#909ab0
rgb(144,154,176)
-
#8998b7
#8998b7
rgb(137,152,183)
-
#8195bf
#8195bf
rgb(129,149,191)
-
#7a93c6
#7a93c6
rgb(122,147,198)
-
#7390cd
#7390cd
rgb(115,144,205)
-
#6b8ed5
#6b8ed5
rgb(107,142,213)
-
#648bdc
#648bdc
rgb(100,139,220)
-
#5d88e3
#5d88e3
rgb(93,136,227)
-
#5586eb
#5586eb
rgb(85,134,235)
-
#4e83f2
#4e83f2
rgb(78,131,242)
-
#4781f9
#4781f9
rgb(71,129,249)
Color Blindness Simulator
Below, you can see how #648bdc 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.