#648bfe Color Information
In a RGB color space, hex #648bfe is composed of 39.2% red, 54.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 45.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 224.8 degrees, a saturation of 98.7% and a lightness of 69.4%. #648bfe color hex could be obtained by blending #c8ffff with #0017fd. Closest websafe color is: #6699ff.
-
- R 39
- G 55
- B 100
-
- C 61
- M 45
- Y 0
- K 0
● #648bfe color description : Soft blue.
#648bfe Color Conversion
The hexadecimal color #648bfe has RGB values of R:100, G:139, B:254 and CMYK values of C:0.61, M:0.45, Y:0, K:0. Its decimal value is 6589438.
Hex triplet | 648bfe | #648bfe |
---|---|---|
RGB Decimal | 100, 139, 254 | rgb(100,139,254) |
RGB Percent | 39.2, 54.5, 99.6 | rgb(39.2%,54.5%,99.6%) |
CMYK | 61, 45, 0, 0 | |
HSL | 224.8°, 98.7, 69.4 | hsl(224.8,98.7%,69.4%) |
HSV (or HSB) | 224.8°, 60.6, 99.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.184, 20.803, -61.435 |
---|---|
XYZ | 32.374, 28.329, 97.522 |
xyY | 0.205, 0.179, 28.329 |
CIE-LCH | 60.184, 64.862, 288.707 |
CIE-LUV | 60.184, -19.677, -100.409 |
Hunter-Lab | 53.225, 15.429, -71.379 |
Binary | 01100100, 10001011, 11111110 |
Color Schemes with #648bfe
Alternatives to #648bfe
Below, you can see some colors close to #648bfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bfe Preview
This text has a font color of #648bfe.
<span style="color:#648bfe;">Text here</span>
This paragraph has a background color of #648bfe.
<p style="background-color:#648bfe;">Content here</p>
This element has a border color of #648bfe.
<div style="border:1px solid #648bfe;">Content here</div>
.text {color:#648bfe;}
.background {background-color:#648bfe;}
.border {border:1px solid #648bfe;}
Shades and Tints of #648bfe
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, #000001 is the darkest color, while #ecf1ff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000514
#000514
rgb(0,5,20)
-
#000a28
#000a28
rgb(0,10,40)
-
#000f3b
#000f3b
rgb(0,15,59)
-
#01144f
#01144f
rgb(1,20,79)
-
#011962
#011962
rgb(1,25,98)
-
#011e76
#011e76
rgb(1,30,118)
-
#012389
#012389
rgb(1,35,137)
-
#01289d
#01289d
rgb(1,40,157)
-
#012eb0
#012eb0
rgb(1,46,176)
-
#0133c4
#0133c4
rgb(1,51,196)
-
#0138d7
#0138d7
rgb(1,56,215)
-
#023deb
#023deb
rgb(2,61,235)
-
#0342fd
#0342fd
rgb(3,66,253)
-
#1651fd
#1651fd
rgb(22,81,253)
-
#2a5ffe
#2a5ffe
rgb(42,95,254)
-
#3d6efe
#3d6efe
rgb(61,110,254)
-
#517cfe
#517cfe
rgb(81,124,254)
-
#648bfe
#648bfe
rgb(100,139,254)
-
#779afe
#779afe
rgb(119,154,254)
-
#8ba8fe
#8ba8fe
rgb(139,168,254)
-
#9eb7fe
#9eb7fe
rgb(158,183,254)
-
#b2c5ff
#b2c5ff
rgb(178,197,255)
-
#c5d4ff
#c5d4ff
rgb(197,212,255)
-
#d9e3ff
#d9e3ff
rgb(217,227,255)
-
#ecf1ff
#ecf1ff
rgb(236,241,255)
Tones of #648bfe
A tone is produced by adding gray to any pure hue. In this case, #acafb6 is the less saturated color, while #648bfe is the most saturated one.
-
#acafb6
#acafb6
rgb(172,175,182)
-
#a6acbc
#a6acbc
rgb(166,172,188)
-
#a0a9c2
#a0a9c2
rgb(160,169,194)
-
#9aa6c8
#9aa6c8
rgb(154,166,200)
-
#94a3ce
#94a3ce
rgb(148,163,206)
-
#8ea0d4
#8ea0d4
rgb(142,160,212)
-
#889dda
#889dda
rgb(136,157,218)
-
#829ae0
#829ae0
rgb(130,154,224)
-
#7c97e6
#7c97e6
rgb(124,151,230)
-
#7694ec
#7694ec
rgb(118,148,236)
-
#7091f2
#7091f2
rgb(112,145,242)
-
#6a8ef8
#6a8ef8
rgb(106,142,248)
-
#648bfe
#648bfe
rgb(100,139,254)
Color Blindness Simulator
Below, you can see how #648bfe 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.