#648bf1 Color Information
In a RGB color space, hex #648bf1 is composed of 39.2% red, 54.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 42.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 223.4 degrees, a saturation of 83.4% and a lightness of 66.9%. #648bf1 color hex could be obtained by blending #c8ffff with #0017e3. Closest websafe color is: #6699ff.
-
- R 39
- G 55
- B 95
-
- C 59
- M 42
- Y 0
- K 5
● #648bf1 color description : Soft blue.
#648bf1 Color Conversion
The hexadecimal color #648bf1 has RGB values of R:100, G:139, B:241 and CMYK values of C:0.59, M:0.42, Y:0, K:0.05. Its decimal value is 6589425.
Hex triplet | 648bf1 | #648bf1 |
---|---|---|
RGB Decimal | 100, 139, 241 | rgb(100,139,241) |
RGB Percent | 39.2, 54.5, 94.5 | rgb(39.2%,54.5%,94.5%) |
CMYK | 59, 42, 0, 5 | |
HSL | 223.4°, 83.4, 66.9 | hsl(223.4,83.4%,66.9%) |
HSV (or HSB) | 223.4°, 58.5, 94.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.456, 16.554, -55.439 |
---|---|
XYZ | 30.362, 27.524, 86.927 |
xyY | 0.21, 0.19, 27.524 |
CIE-LCH | 59.456, 57.858, 286.626 |
CIE-LUV | 59.456, -19.577, -90.023 |
Hunter-Lab | 52.463, 11.493, -61.514 |
Binary | 01100100, 10001011, 11110001 |
Color Schemes with #648bf1
Alternatives to #648bf1
Below, you can see some colors close to #648bf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bf1 Preview
This text has a font color of #648bf1.
<span style="color:#648bf1;">Text here</span>
This paragraph has a background color of #648bf1.
<p style="background-color:#648bf1;">Content here</p>
This element has a border color of #648bf1.
<div style="border:1px solid #648bf1;">Content here</div>
.text {color:#648bf1;}
.background {background-color:#648bf1;}
.border {border:1px solid #648bf1;}
Shades and Tints of #648bf1
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, #010207 is the darkest color, while #f4f7fe is the lightest one.
-
#010207
#010207
rgb(1,2,7)
-
#020919
#020919
rgb(2,9,25)
-
#040f2b
#040f2b
rgb(4,15,43)
-
#05153d
#05153d
rgb(5,21,61)
-
#071b4f
#071b4f
rgb(7,27,79)
-
#092161
#092161
rgb(9,33,97)
-
#0a2773
#0a2773
rgb(10,39,115)
-
#0c2d85
#0c2d85
rgb(12,45,133)
-
#0e3497
#0e3497
rgb(14,52,151)
-
#0f3aa9
#0f3aa9
rgb(15,58,169)
-
#1140bb
#1140bb
rgb(17,64,187)
-
#1246cd
#1246cd
rgb(18,70,205)
-
#144cdf
#144cdf
rgb(20,76,223)
-
#1c55eb
#1c55eb
rgb(28,85,235)
-
#2e63ec
#2e63ec
rgb(46,99,236)
-
#4070ee
#4070ee
rgb(64,112,238)
-
#527eef
#527eef
rgb(82,126,239)
-
#648bf1
#648bf1
rgb(100,139,241)
-
#7698f3
#7698f3
rgb(118,152,243)
-
#88a6f4
#88a6f4
rgb(136,166,244)
-
#9ab3f6
#9ab3f6
rgb(154,179,246)
-
#acc1f7
#acc1f7
rgb(172,193,247)
-
#becef9
#becef9
rgb(190,206,249)
-
#d0dcfb
#d0dcfb
rgb(208,220,251)
-
#e2e9fc
#e2e9fc
rgb(226,233,252)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #648bf1
A tone is produced by adding gray to any pure hue. In this case, #a5a8b0 is the less saturated color, while #5785fe is the most saturated one.
-
#a5a8b0
#a5a8b0
rgb(165,168,176)
-
#9fa5b7
#9fa5b7
rgb(159,165,183)
-
#98a2bd
#98a2bd
rgb(152,162,189)
-
#929fc4
#929fc4
rgb(146,159,196)
-
#8b9cca
#8b9cca
rgb(139,156,202)
-
#859ad1
#859ad1
rgb(133,154,209)
-
#7e97d7
#7e97d7
rgb(126,151,215)
-
#7894de
#7894de
rgb(120,148,222)
-
#7191e4
#7191e4
rgb(113,145,228)
-
#6b8eeb
#6b8eeb
rgb(107,142,235)
-
#648bf1
#648bf1
rgb(100,139,241)
-
#5e88f8
#5e88f8
rgb(94,136,248)
-
#5785fe
#5785fe
rgb(87,133,254)
Color Blindness Simulator
Below, you can see how #648bf1 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.