#568aa2 color information

#568aa2 color space conversions

Hex:
#568aa2
RGB:
86, 138, 162
CMY:
66, 46, 36
CMYK:
47, 15, 0, 36
HSL:
199°, 30.6452%, 48.6275%
HSV (HSB):
199°, 46.9136%, 63.5294%
XYZ:
19.4478, 22.7640, 37.5513
xyY:
0.2438, 0.2854, 22.7640
CIE-Lab:
54.8284, -10.6624, -18.1370
CIE-LCH:
54.8284, 21.0389, 239.5496
CIE-Luv:
54.8284, -23.9287, -25.4518
Hunter-Lab:
47.7117, -10.7368, -13.2658

#568aa2 color charts

#568aa2 RGB chart
#568aa2 CMYK chart
#568aa2 RGB pie chart

#568aa2 color shades, tints & tones

#568aa2 color schemes

#568aa2 #a26e56
Complementary of #568aa2
#56a294 #568aa2 #5663a2
Analogous of #568aa2
#a29456 #568aa2 #a25663
Split complementary of #568aa2
#89a256 #568aa2 #a25689
Triadic of #568aa2
#63a256 #568aa2 #9456a2 #a26e56
Square of #568aa2
#89a256 #568aa2 #6d56a2 #a26e56
Tetradic of #568aa2

#568aa2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018