#648ff2 Color Information
In a RGB color space, hex #648ff2 is composed of 39.2% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.8 degrees, a saturation of 84.5% and a lightness of 67.1%. #648ff2 color hex could be obtained by blending #c8ffff with #001fe5. Closest websafe color is: #6699ff.
-
- R 39
- G 56
- B 95
-
- C 59
- M 41
- Y 0
- K 5
● #648ff2 color description : Soft blue.
#648ff2 Color Conversion
The hexadecimal color #648ff2 has RGB values of R:100, G:143, B:242 and CMYK values of C:0.59, M:0.41, Y:0, K:0.05. Its decimal value is 6590450.
Hex triplet | 648ff2 | #648ff2 |
---|---|---|
RGB Decimal | 100, 143, 242 | rgb(100,143,242) |
RGB Percent | 39.2, 56.1, 94.9 | rgb(39.2%,56.1%,94.9%) |
CMYK | 59, 41, 0, 5 | |
HSL | 221.8°, 84.5, 67.1 | hsl(221.8,84.5%,67.1%) |
HSV (or HSB) | 221.8°, 58.7, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.572, 14.497, -54.213 |
---|---|
XYZ | 31.102, 28.763, 87.912 |
xyY | 0.21, 0.195, 28.763 |
CIE-LCH | 60.572, 56.118, 284.971 |
CIE-LUV | 60.572, -20.906, -88.121 |
Hunter-Lab | 53.631, 9.659, -59.646 |
Binary | 01100100, 10001111, 11110010 |
Color Schemes with #648ff2
Alternatives to #648ff2
Below, you can see some colors close to #648ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648ff2 Preview
This text has a font color of #648ff2.
<span style="color:#648ff2;">Text here</span>
This paragraph has a background color of #648ff2.
<p style="background-color:#648ff2;">Content here</p>
This element has a border color of #648ff2.
<div style="border:1px solid #648ff2;">Content here</div>
.text {color:#648ff2;}
.background {background-color:#648ff2;}
.border {border:1px solid #648ff2;}
Shades and Tints of #648ff2
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, #010308 is the darkest color, while #f5f8fe is the lightest one.
-
#010308
#010308
rgb(1,3,8)
-
#02091a
#02091a
rgb(2,9,26)
-
#04102c
#04102c
rgb(4,16,44)
-
#05163e
#05163e
rgb(5,22,62)
-
#071d50
#071d50
rgb(7,29,80)
-
#082462
#082462
rgb(8,36,98)
-
#0a2a74
#0a2a74
rgb(10,42,116)
-
#0b3187
#0b3187
rgb(11,49,135)
-
#0d3799
#0d3799
rgb(13,55,153)
-
#0e3eab
#0e3eab
rgb(14,62,171)
-
#1044bd
#1044bd
rgb(16,68,189)
-
#114bcf
#114bcf
rgb(17,75,207)
-
#1351e1
#1351e1
rgb(19,81,225)
-
#1c5bec
#1c5bec
rgb(28,91,236)
-
#2e68ed
#2e68ed
rgb(46,104,237)
-
#4075ef
#4075ef
rgb(64,117,239)
-
#5282f0
#5282f0
rgb(82,130,240)
-
#648ff2
#648ff2
rgb(100,143,242)
-
#769cf4
#769cf4
rgb(118,156,244)
-
#88a9f5
#88a9f5
rgb(136,169,245)
-
#9ab6f7
#9ab6f7
rgb(154,182,247)
-
#acc3f8
#acc3f8
rgb(172,195,248)
-
#bed0fa
#bed0fa
rgb(190,208,250)
-
#d1ddfb
#d1ddfb
rgb(209,221,251)
-
#e3ebfd
#e3ebfd
rgb(227,235,253)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #648ff2
A tone is produced by adding gray to any pure hue. In this case, #a5a8b1 is the less saturated color, while #578aff is the most saturated one.
-
#a5a8b1
#a5a8b1
rgb(165,168,177)
-
#9ea6b8
#9ea6b8
rgb(158,166,184)
-
#98a3be
#98a3be
rgb(152,163,190)
-
#91a1c5
#91a1c5
rgb(145,161,197)
-
#8b9ecb
#8b9ecb
rgb(139,158,203)
-
#849cd2
#849cd2
rgb(132,156,210)
-
#7e99d8
#7e99d8
rgb(126,153,216)
-
#7797df
#7797df
rgb(119,151,223)
-
#7194e5
#7194e5
rgb(113,148,229)
-
#6a92ec
#6a92ec
rgb(106,146,236)
-
#648ff2
#648ff2
rgb(100,143,242)
-
#5e8cf8
#5e8cf8
rgb(94,140,248)
-
#578aff
#578aff
rgb(87,138,255)
Color Blindness Simulator
Below, you can see how #648ff2 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.