#686ff1 color information

#686ff1 color space conversions

Hex:
#686ff1
RGB:
104, 111, 241
CMY:
59, 56, 5
CMYK:
57, 54, 0, 5
HSL:
237°, 83.0303%, 67.6471%
HSV (HSB):
237°, 56.8465%, 94.5098%
XYZ:
27.2705, 20.6628, 85.7701
xyY:
0.2040, 0.1545, 20.6628
CIE-Lab:
52.5785, 34.1812, -66.4705
CIE-LCH:
52.5785, 74.7441, 297.2137
CIE-Luv:
52.5785, -9.8162, -106.3139
Hunter-Lab:
45.4564, 27.5385, -80.0529

#686ff1 color charts

#686ff1 RGB chart
#686ff1 CMYK chart
#686ff1 RGB pie chart

#686ff1 color shades, tints & tones

#686ff1 color schemes

#686ff1 #f1e968
Complementary of #686ff1
#68b3f1 #686ff1 #a568f1
Analogous of #686ff1
#b3f168 #686ff1 #f1a568
Split complementary of #686ff1
#6ff168 #686ff1 #f1686f
Triadic of #686ff1
#68f1a5 #686ff1 #f168b3 #f1e968
Square of #686ff1
#6ff168 #686ff1 #e968f1 #f1e968
Tetradic of #686ff1

#686ff1 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018