#648bd5 Color Information
In a RGB color space, hex #648bd5 is composed of 39.2% red, 54.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 34.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 219.3 degrees, a saturation of 57.4% and a lightness of 61.4%. #648bd5 color hex could be obtained by blending #c8ffff with #0017ab. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 84
-
- C 53
- M 35
- Y 0
- K 16
● #648bd5 color description : Moderate blue.
#648bd5 Color Conversion
The hexadecimal color #648bd5 has RGB values of R:100, G:139, B:213 and CMYK values of C:0.53, M:0.35, Y:0, K:0.16. Its decimal value is 6589397.
Hex triplet | 648bd5 | #648bd5 |
---|---|---|
RGB Decimal | 100, 139, 213 | rgb(100,139,213) |
RGB Percent | 39.2, 54.5, 83.5 | rgb(39.2%,54.5%,83.5%) |
CMYK | 53, 35, 0, 16 | |
HSL | 219.3°, 57.4, 61.4 | hsl(219.3,57.4%,61.4%) |
HSV (or HSB) | 219.3°, 53.1, 83.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.016, 7.592, -42.13 |
---|---|
XYZ | 26.496, 25.977, 66.565 |
xyY | 0.223, 0.218, 25.977 |
CIE-LCH | 58.016, 42.809, 280.216 |
CIE-LUV | 58.016, -19.419, -66.902 |
Hunter-Lab | 50.968, 3.6, -41.756 |
Binary | 01100100, 10001011, 11010101 |
Color Schemes with #648bd5
Alternatives to #648bd5
Below, you can see some colors close to #648bd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bd5 Preview
This text has a font color of #648bd5.
<span style="color:#648bd5;">Text here</span>
This paragraph has a background color of #648bd5.
<p style="background-color:#648bd5;">Content here</p>
This element has a border color of #648bd5.
<div style="border:1px solid #648bd5;">Content here</div>
.text {color:#648bd5;}
.background {background-color:#648bd5;}
.border {border:1px solid #648bd5;}
Shades and Tints of #648bd5
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, #04080f is the darkest color, while #feffff is the lightest one.
-
#04080f
#04080f
rgb(4,8,15)
-
#08101e
#08101e
rgb(8,16,30)
-
#0c182e
#0c182e
rgb(12,24,46)
-
#11203d
#11203d
rgb(17,32,61)
-
#15284d
#15284d
rgb(21,40,77)
-
#19305c
#19305c
rgb(25,48,92)
-
#1d386b
#1d386b
rgb(29,56,107)
-
#21407b
#21407b
rgb(33,64,123)
-
#25488a
#25488a
rgb(37,72,138)
-
#2a509a
#2a509a
rgb(42,80,154)
-
#2e58a9
#2e58a9
rgb(46,88,169)
-
#3260b9
#3260b9
rgb(50,96,185)
-
#3668c8
#3668c8
rgb(54,104,200)
-
#4574cd
#4574cd
rgb(69,116,205)
-
#557fd1
#557fd1
rgb(85,127,209)
-
#648bd5
#648bd5
rgb(100,139,213)
-
#7397d9
#7397d9
rgb(115,151,217)
-
#83a2dd
#83a2dd
rgb(131,162,221)
-
#92aee2
#92aee2
rgb(146,174,226)
-
#a2b9e6
#a2b9e6
rgb(162,185,230)
-
#b1c5ea
#b1c5ea
rgb(177,197,234)
-
#c1d0ee
#c1d0ee
rgb(193,208,238)
-
#d0dcf2
#d0dcf2
rgb(208,220,242)
-
#dfe7f6
#dfe7f6
rgb(223,231,246)
-
#eff3fb
#eff3fb
rgb(239,243,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #648bd5
A tone is produced by adding gray to any pure hue. In this case, #999ba0 is the less saturated color, while #3e7ffb is the most saturated one.
-
#999ba0
#999ba0
rgb(153,155,160)
-
#9199a8
#9199a8
rgb(145,153,168)
-
#8a97af
#8a97af
rgb(138,151,175)
-
#8294b7
#8294b7
rgb(130,148,183)
-
#7b92be
#7b92be
rgb(123,146,190)
-
#7390c6
#7390c6
rgb(115,144,198)
-
#6c8dcd
#6c8dcd
rgb(108,141,205)
-
#648bd5
#648bd5
rgb(100,139,213)
-
#5c89dd
#5c89dd
rgb(92,137,221)
-
#5586e4
#5586e4
rgb(85,134,228)
-
#4d84ec
#4d84ec
rgb(77,132,236)
-
#4682f3
#4682f3
rgb(70,130,243)
-
#3e7ffb
#3e7ffb
rgb(62,127,251)
Color Blindness Simulator
Below, you can see how #648bd5 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.