#648aef color information

#648aef color space conversions

Hex:
#648aef
RGB:
100, 138, 239
CMY:
61, 46, 6
CMYK:
58, 42, 0, 6
HSL:
224°, 81.2865%, 66.4706%
HSV (HSB):
224°, 58.1590%, 93.7255%
XYZ:
29.9240, 27.1183, 85.3185
xyY:
0.2102, 0.1905, 27.1183
CIE-Lab:
59.0836, 16.5083, -54.9300
CIE-LCH:
59.0836, 57.3570, 286.7273
CIE-Luv:
59.0836, -19.2268, -89.0788
Hunter-Lab:
52.0752, 11.4399, -60.6864

#648aef color charts

#648aef RGB chart
#648aef CMYK chart
#648aef RGB pie chart

#648aef color shades, tints & tones

#648aef color schemes

#648aef #eec964
Complementary of #648aef
#64cfee #648aef #8364ee
Analogous of #648aef
#cfee64 #648aef #ee8364
Split complementary of #648aef
#89ee64 #648aef #ee6489
Triadic of #648aef
#64ee83 #648aef #ee64cf #eec964
Square of #648aef
#89ee64 #648aef #c864ee #eec964
Tetradic of #648aef

#648aef color preview, HTML & CSS examples

This text has a color of #648aef
<p style="color:#648aef;">Text here</p>
.mytext {color:#648aef;}
Text color #648aef
This box has a color of #648aef
<div style="background-color:#648aef;">Content here</div>
.mybackground {background-color:#648aef;}
Background color #648aef
Border around this has a color of #648aef
<div style="border:2px solid #648aef;">Content here</div>
.myborder {border:2px solid #648aef;}
Border color #648aef

Random colors

© ColorsDB.com, 2014-2018