#648bf6 Color Information
In a RGB color space, hex #648bf6 is composed of 39.2% red, 54.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 43.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 224 degrees, a saturation of 89% and a lightness of 67.8%. #648bf6 color hex could be obtained by blending #c8ffff with #0017ed. Closest websafe color is: #6699ff.
-
- R 39
- G 55
- B 96
-
- C 59
- M 43
- Y 0
- K 4
● #648bf6 color description : Soft blue.
#648bf6 Color Conversion
The hexadecimal color #648bf6 has RGB values of R:100, G:139, B:246 and CMYK values of C:0.59, M:0.43, Y:0, K:0.04. Its decimal value is 6589430.
Hex triplet | 648bf6 | #648bf6 |
---|---|---|
RGB Decimal | 100, 139, 246 | rgb(100,139,246) |
RGB Percent | 39.2, 54.5, 96.5 | rgb(39.2%,54.5%,96.5%) |
CMYK | 59, 43, 0, 4 | |
HSL | 224°, 89, 67.8 | hsl(224,89%,67.8%) |
HSV (or HSB) | 224°, 59.3, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.732, 18.184, -57.759 |
---|---|
XYZ | 31.119, 27.827, 90.915 |
xyY | 0.208, 0.186, 27.827 |
CIE-LCH | 59.732, 60.554, 287.475 |
CIE-LUV | 59.732, -19.614, -94.045 |
Hunter-Lab | 52.751, 12.987, -65.259 |
Binary | 01100100, 10001011, 11110110 |
Color Schemes with #648bf6
Alternatives to #648bf6
Below, you can see some colors close to #648bf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648bf6 Preview
This text has a font color of #648bf6.
<span style="color:#648bf6;">Text here</span>
This paragraph has a background color of #648bf6.
<p style="background-color:#648bf6;">Content here</p>
This element has a border color of #648bf6.
<div style="border:1px solid #648bf6;">Content here</div>
.text {color:#648bf6;}
.background {background-color:#648bf6;}
.border {border:1px solid #648bf6;}
Shades and Tints of #648bf6
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, #01040c is the darkest color, while #f8faff is the lightest one.
-
#01040c
#01040c
rgb(1,4,12)
-
#02091e
#02091e
rgb(2,9,30)
-
#030f31
#030f31
rgb(3,15,49)
-
#041543
#041543
rgb(4,21,67)
-
#051b56
#051b56
rgb(5,27,86)
-
#062069
#062069
rgb(6,32,105)
-
#07267b
#07267b
rgb(7,38,123)
-
#082c8e
#082c8e
rgb(8,44,142)
-
#0932a0
#0932a0
rgb(9,50,160)
-
#0a37b3
#0a37b3
rgb(10,55,179)
-
#0b3dc5
#0b3dc5
rgb(11,61,197)
-
#0d43d8
#0d43d8
rgb(13,67,216)
-
#0e49ea
#0e49ea
rgb(14,73,234)
-
#1a54f2
#1a54f2
rgb(26,84,242)
-
#2c61f3
#2c61f3
rgb(44,97,243)
-
#3f6ff4
#3f6ff4
rgb(63,111,244)
-
#517df5
#517df5
rgb(81,125,245)
-
#648bf6
#648bf6
rgb(100,139,246)
-
#7799f7
#7799f7
rgb(119,153,247)
-
#89a7f8
#89a7f8
rgb(137,167,248)
-
#9cb5f9
#9cb5f9
rgb(156,181,249)
-
#aec2fa
#aec2fa
rgb(174,194,250)
-
#c1d0fb
#c1d0fb
rgb(193,208,251)
-
#d3defc
#d3defc
rgb(211,222,252)
-
#e6ecfe
#e6ecfe
rgb(230,236,254)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #648bf6
A tone is produced by adding gray to any pure hue. In this case, #a9abb1 is the less saturated color, while #5e88fc is the most saturated one.
-
#a9abb1
#a9abb1
rgb(169,171,177)
-
#a3a8b7
#a3a8b7
rgb(163,168,183)
-
#9da5bd
#9da5bd
rgb(157,165,189)
-
#96a3c4
#96a3c4
rgb(150,163,196)
-
#90a0ca
#90a0ca
rgb(144,160,202)
-
#8a9dd0
#8a9dd0
rgb(138,157,208)
-
#849ad6
#849ad6
rgb(132,154,214)
-
#7d97dd
#7d97dd
rgb(125,151,221)
-
#7794e3
#7794e3
rgb(119,148,227)
-
#7191e9
#7191e9
rgb(113,145,233)
-
#6a8ef0
#6a8ef0
rgb(106,142,240)
-
#648bf6
#648bf6
rgb(100,139,246)
-
#5e88fc
#5e88fc
rgb(94,136,252)
Color Blindness Simulator
Below, you can see how #648bf6 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.