#648af8 Color Information
In a RGB color space, hex #648af8 is composed of 39.2% red, 54.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 44.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 224.6 degrees, a saturation of 91.4% and a lightness of 68.2%. #648af8 color hex could be obtained by blending #c8ffff with #0015f1. Closest websafe color is: #6699ff.
-
- R 39
- G 54
- B 97
-
- C 60
- M 44
- Y 0
- K 3
● #648af8 color description : Soft blue.
#648af8 Color Conversion
The hexadecimal color #648af8 has RGB values of R:100, G:138, B:248 and CMYK values of C:0.6, M:0.44, Y:0, K:0.03. Its decimal value is 6589176.
Hex triplet | 648af8 | #648af8 |
---|---|---|
RGB Decimal | 100, 138, 248 | rgb(100,138,248) |
RGB Percent | 39.2, 54.1, 97.3 | rgb(39.2%,54.1%,97.3%) |
CMYK | 60, 44, 0, 3 | |
HSL | 224.6°, 91.4, 68.2 | hsl(224.6,91.4%,68.2%) |
HSV (or HSB) | 224.6°, 59.7, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.582, 19.436, -59.1 |
---|---|
XYZ | 31.284, 27.662, 92.493 |
xyY | 0.207, 0.183, 27.662 |
CIE-LCH | 59.582, 62.214, 288.204 |
CIE-LUV | 59.582, -19.308, -96.298 |
Hunter-Lab | 52.595, 14.133, -67.451 |
Binary | 01100100, 10001010, 11111000 |
Color Schemes with #648af8
Alternatives to #648af8
Below, you can see some colors close to #648af8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648af8 Preview
This text has a font color of #648af8.
<span style="color:#648af8;">Text here</span>
This paragraph has a background color of #648af8.
<p style="background-color:#648af8;">Content here</p>
This element has a border color of #648af8.
<div style="border:1px solid #648af8;">Content here</div>
.text {color:#648af8;}
.background {background-color:#648af8;}
.border {border:1px solid #648af8;}
Shades and Tints of #648af8
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, #01040e is the darkest color, while #fafbff is the lightest one.
-
#01040e
#01040e
rgb(1,4,14)
-
#010921
#010921
rgb(1,9,33)
-
#020f33
#020f33
rgb(2,15,51)
-
#031446
#031446
rgb(3,20,70)
-
#041a59
#041a59
rgb(4,26,89)
-
#051f6c
#051f6c
rgb(5,31,108)
-
#06257f
#06257f
rgb(6,37,127)
-
#072a91
#072a91
rgb(7,42,145)
-
#0730a4
#0730a4
rgb(7,48,164)
-
#0835b7
#0835b7
rgb(8,53,183)
-
#093bca
#093bca
rgb(9,59,202)
-
#0a40dc
#0a40dc
rgb(10,64,220)
-
#0b45ef
#0b45ef
rgb(11,69,239)
-
#1951f5
#1951f5
rgb(25,81,245)
-
#2c5ff5
#2c5ff5
rgb(44,95,245)
-
#3e6ef6
#3e6ef6
rgb(62,110,246)
-
#517cf7
#517cf7
rgb(81,124,247)
-
#648af8
#648af8
rgb(100,138,248)
-
#7798f9
#7798f9
rgb(119,152,249)
-
#8aa6fa
#8aa6fa
rgb(138,166,250)
-
#9cb5fb
#9cb5fb
rgb(156,181,251)
-
#afc3fb
#afc3fb
rgb(175,195,251)
-
#c2d1fc
#c2d1fc
rgb(194,209,252)
-
#d5dffd
#d5dffd
rgb(213,223,253)
-
#e7edfe
#e7edfe
rgb(231,237,254)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #648af8
A tone is produced by adding gray to any pure hue. In this case, #a9abb3 is the less saturated color, while #5e87fe is the most saturated one.
-
#a9abb3
#a9abb3
rgb(169,171,179)
-
#a2a8ba
#a2a8ba
rgb(162,168,186)
-
#9ca5c0
#9ca5c0
rgb(156,165,192)
-
#96a2c6
#96a2c6
rgb(150,162,198)
-
#909fcc
#909fcc
rgb(144,159,204)
-
#899cd3
#899cd3
rgb(137,156,211)
-
#8399d9
#8399d9
rgb(131,153,217)
-
#7d96df
#7d96df
rgb(125,150,223)
-
#7793e5
#7793e5
rgb(119,147,229)
-
#7090ec
#7090ec
rgb(112,144,236)
-
#6a8df2
#6a8df2
rgb(106,141,242)
-
#648af8
#648af8
rgb(100,138,248)
-
#5e87fe
#5e87fe
rgb(94,135,254)
Color Blindness Simulator
Below, you can see how #648af8 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.