#686ba3 color information

#686ba3 color space conversions

Hex:
#686ba3
RGB:
104, 107, 163
CMY:
59, 58, 36
CMYK:
36, 34, 0, 36
HSL:
237°, 24.2798%, 52.3529%
HSV (HSB):
237°, 36.1963%, 63.9216%
XYZ:
17.5775, 16.1028, 36.8320
xyY:
0.2493, 0.2284, 16.1028
CIE-Lab:
47.1091, 12.8456, -30.5450
CIE-LCH:
47.1091, 33.1362, 292.8090
CIE-Luv:
47.1091, -4.6638, -46.6903
Hunter-Lab:
40.1283, 7.9642, -26.3300

#686ba3 color charts

#686ba3 RGB chart
#686ba3 CMYK chart
#686ba3 RGB pie chart

#686ba3 color shades, tints & tones

#686ba3 color schemes

#686ba3 #a29f68
Complementary of #686ba3
#6888a2 #686ba3 #8268a2
Analogous of #686ba3
#88a268 #686ba3 #a28268
Split complementary of #686ba3
#6ba268 #686ba3 #a2686b
Triadic of #686ba3
#68a282 #686ba3 #a26888 #a29f68
Square of #686ba3
#6ba268 #686ba3 #9f68a2 #a29f68
Tetradic of #686ba3

#686ba3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018