#5648f2 Color Information
In a RGB color space, hex #5648f2 is composed of 33.7% red, 28.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 70.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 244.9 degrees, a saturation of 86.7% and a lightness of 61.6%. #5648f2 color hex could be obtained by blending #ac90ff with #0000e5. Closest websafe color is: #6633ff.
-
- R 34
- G 28
- B 95
-
- C 64
- M 70
- Y 0
- K 5
● #5648f2 color description : Bright blue.
#5648f2 Color Conversion
The hexadecimal color #5648f2 has RGB values of R:86, G:72, B:242 and CMYK values of C:0.64, M:0.7, Y:0, K:0.05. Its decimal value is 5654770.
Hex triplet | 5648f2 | #5648f2 |
---|---|---|
RGB Decimal | 86, 72, 242 | rgb(86,72,242) |
RGB Percent | 33.7, 28.2, 94.9 | rgb(33.7%,28.2%,94.9%) |
CMYK | 64, 70, 0, 5 | |
HSL | 244.9°, 86.7, 61.6 | hsl(244.9,86.7%,61.6%) |
HSV (or HSB) | 244.9°, 70.2, 94.9 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 42.798, 54.387, -83.028 |
---|---|
XYZ | 22.179, 13.023, 85.344 |
xyY | 0.184, 0.108, 13.023 |
CIE-LCH | 42.798, 99.255, 303.227 |
CIE-LUV | 42.798, -5.842, -122.866 |
Hunter-Lab | 36.087, 46.552, -114.956 |
Binary | 01010110, 01001000, 11110010 |
Color Schemes with #5648f2
Alternatives to #5648f2
Below, you can see some colors close to #5648f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5648f2 Preview
This text has a font color of #5648f2.
<span style="color:#5648f2;">Text here</span>
This paragraph has a background color of #5648f2.
<p style="background-color:#5648f2;">Content here</p>
This element has a border color of #5648f2.
<div style="border:1px solid #5648f2;">Content here</div>
.text {color:#5648f2;}
.background {background-color:#5648f2;}
.border {border:1px solid #5648f2;}
Shades and Tints of #5648f2
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, #000000 is the darkest color, while #eeedfe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030112
#030112
rgb(3,1,18)
-
#050325
#050325
rgb(5,3,37)
-
#080437
#080437
rgb(8,4,55)
-
#0b0549
#0b0549
rgb(11,5,73)
-
#0e075c
#0e075c
rgb(14,7,92)
-
#10086e
#10086e
rgb(16,8,110)
-
#130980
#130980
rgb(19,9,128)
-
#160a93
#160a93
rgb(22,10,147)
-
#180ca5
#180ca5
rgb(24,12,165)
-
#1b0db7
#1b0db7
rgb(27,13,183)
-
#1e0eca
#1e0eca
rgb(30,14,202)
-
#2010dc
#2010dc
rgb(32,16,220)
-
#2311ee
#2311ee
rgb(35,17,238)
-
#3423ef
#3423ef
rgb(52,35,239)
-
#4536f1
#4536f1
rgb(69,54,241)
-
#5648f2
#5648f2
rgb(86,72,242)
-
#675af3
#675af3
rgb(103,90,243)
-
#786df5
#786df5
rgb(120,109,245)
-
#897ff6
#897ff6
rgb(137,127,246)
-
#9a91f7
#9a91f7
rgb(154,145,247)
-
#aba4f9
#aba4f9
rgb(171,164,249)
-
#bbb6fa
#bbb6fa
rgb(187,182,250)
-
#ccc8fb
#ccc8fb
rgb(204,200,251)
-
#dddbfc
#dddbfc
rgb(221,219,252)
-
#eeedfe
#eeedfe
rgb(238,237,254)
Tones of #5648f2
A tone is produced by adding gray to any pure hue. In this case, #9b9b9f is the less saturated color, while #5040fa is the most saturated one.
-
#9b9b9f
#9b9b9f
rgb(155,155,159)
-
#9593a7
#9593a7
rgb(149,147,167)
-
#8f8cae
#8f8cae
rgb(143,140,174)
-
#8884b6
#8884b6
rgb(136,132,182)
-
#827dbd
#827dbd
rgb(130,125,189)
-
#7c75c5
#7c75c5
rgb(124,117,197)
-
#756ecc
#756ecc
rgb(117,110,204)
-
#6f66d4
#6f66d4
rgb(111,102,212)
-
#695fdb
#695fdb
rgb(105,95,219)
-
#6357e3
#6357e3
rgb(99,87,227)
-
#5c50ea
#5c50ea
rgb(92,80,234)
-
#5648f2
#5648f2
rgb(86,72,242)
-
#5040fa
#5040fa
rgb(80,64,250)
Color Blindness Simulator
Below, you can see how #5648f2 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.