#648ed2 color information

#648ed2 color space conversions

Hex:
#648ed2
RGB:
100, 142, 210
CMY:
61, 44, 18
CMYK:
52, 32, 0, 18
HSL:
217°, 55.0000%, 60.7843%
HSV (HSB):
217°, 52.3810%, 82.3529%
XYZ:
26.5614, 26.7085, 64.7281
xyY:
0.2251, 0.2263, 26.7085
CIE-Lab:
58.7035, 4.8965, -39.3679
CIE-LCH:
58.7035, 39.6712, 277.0899
CIE-Luv:
58.7035, -20.4939, -62.1881
Hunter-Lab:
51.6802, 1.3008, -38.0829

#648ed2 color charts

#648ed2 RGB chart
#648ed2 CMYK chart
#648ed2 RGB pie chart

#648ed2 color shades, tints & tones

#648ed2 color schemes

#648ed2 #d2a763
Complementary of #648ed2
#63c5d2 #648ed2 #7063d2
Analogous of #648ed2
#c5d263 #648ed2 #d27063
Split complementary of #648ed2
#8ed263 #648ed2 #d2638d
Triadic of #648ed2
#63d270 #648ed2 #d263c5 #d2a763
Square of #648ed2
#8ed263 #648ed2 #a763d2 #d2a763
Tetradic of #648ed2

#648ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018