#648bc4 Color Information
In a RGB color space, hex #648bc4 is composed of 39.2% red, 54.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 29.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 215.6 degrees, a saturation of 44.9% and a lightness of 58%. #648bc4 color hex could be obtained by blending #c8ffff with #001789. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 77
-
- C 49
- M 29
- Y 0
- K 23
● #648bc4 color description : Slightly desaturated blue.
#648bc4 Color Conversion
The hexadecimal color #648bc4 has RGB values of R:100, G:139, B:196 and CMYK values of C:0.49, M:0.29, Y:0, K:0.23. Its decimal value is 6589380.
Hex triplet | 648bc4 | #648bc4 |
---|---|---|
RGB Decimal | 100, 139, 196 | rgb(100,139,196) |
RGB Percent | 39.2, 54.5, 76.9 | rgb(39.2%,54.5%,76.9%) |
CMYK | 49, 29, 0, 23 | |
HSL | 215.6°, 44.9, 58 | hsl(215.6,44.9%,58%) |
HSV (or HSB) | 215.6°, 49, 76.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.23, 2.345, -33.781 |
---|---|
XYZ | 24.45, 25.159, 55.789 |
xyY | 0.232, 0.239, 25.159 |
CIE-LCH | 57.23, 33.862, 273.971 |
CIE-LUV | 57.23, -19.36, -52.476 |
Hunter-Lab | 50.159, -0.768, -30.835 |
Binary | 01100100, 10001011, 11000100 |
Color Schemes with #648bc4
Alternatives to #648bc4
Below, you can see some colors close to #648bc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bc4 Preview
This text has a font color of #648bc4.
<span style="color:#648bc4;">Text here</span>
This paragraph has a background color of #648bc4.
<p style="background-color:#648bc4;">Content here</p>
This element has a border color of #648bc4.
<div style="border:1px solid #648bc4;">Content here</div>
.text {color:#648bc4;}
.background {background-color:#648bc4;}
.border {border:1px solid #648bc4;}
Shades and Tints of #648bc4
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, #000101 is the darkest color, while #f2f5fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060a0f
#060a0f
rgb(6,10,15)
-
#0b131e
#0b131e
rgb(11,19,30)
-
#111c2c
#111c2c
rgb(17,28,44)
-
#16253a
#16253a
rgb(22,37,58)
-
#1c2e48
#1c2e48
rgb(28,46,72)
-
#213757
#213757
rgb(33,55,87)
-
#264065
#264065
rgb(38,64,101)
-
#2c4973
#2c4973
rgb(44,73,115)
-
#315281
#315281
rgb(49,82,129)
-
#375b8f
#375b8f
rgb(55,91,143)
-
#3c649e
#3c649e
rgb(60,100,158)
-
#416dac
#416dac
rgb(65,109,172)
-
#4876b9
#4876b9
rgb(72,118,185)
-
#5680bf
#5680bf
rgb(86,128,191)
-
#648bc4
#648bc4
rgb(100,139,196)
-
#7296c9
#7296c9
rgb(114,150,201)
-
#80a0cf
#80a0cf
rgb(128,160,207)
-
#8fabd4
#8fabd4
rgb(143,171,212)
-
#9db6da
#9db6da
rgb(157,182,218)
-
#abc0df
#abc0df
rgb(171,192,223)
-
#b9cbe4
#b9cbe4
rgb(185,203,228)
-
#c7d5ea
#c7d5ea
rgb(199,213,234)
-
#d6e0ef
#d6e0ef
rgb(214,224,239)
-
#e4ebf5
#e4ebf5
rgb(228,235,245)
-
#f2f5fa
#f2f5fa
rgb(242,245,250)
Tones of #648bc4
A tone is produced by adding gray to any pure hue. In this case, #8d939b is the less saturated color, while #2a80fe is the most saturated one.
-
#8d939b
#8d939b
rgb(141,147,155)
-
#8591a3
#8591a3
rgb(133,145,163)
-
#7d90ab
#7d90ab
rgb(125,144,171)
-
#748eb4
#748eb4
rgb(116,142,180)
-
#6c8dbc
#6c8dbc
rgb(108,141,188)
-
#648bc4
#648bc4
rgb(100,139,196)
-
#5c89cc
#5c89cc
rgb(92,137,204)
-
#5488d4
#5488d4
rgb(84,136,212)
-
#4b86dd
#4b86dd
rgb(75,134,221)
-
#4385e5
#4385e5
rgb(67,133,229)
-
#3b83ed
#3b83ed
rgb(59,131,237)
-
#3382f5
#3382f5
rgb(51,130,245)
-
#2a80fe
#2a80fe
rgb(42,128,254)
Color Blindness Simulator
Below, you can see how #648bc4 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.