#5696a2 color information

#5696a2 color space conversions

Hex:
#5696a2
RGB:
86, 150, 162
CMY:
66, 41, 36
CMYK:
47, 7, 0, 36
HSL:
189°, 30.6452%, 48.6275%
HSV (HSB):
189°, 46.9136%, 63.5294%
XYZ:
21.2657, 26.3998, 38.1573
xyY:
0.2478, 0.3076, 26.3998
CIE-Lab:
58.4146, -17.2117, -12.7044
CIE-LCH:
58.4146, 21.3926, 216.4320
CIE-Luv:
58.4146, -28.7561, -16.3271
Hunter-Lab:
51.3807, -16.0378, -8.0645

#5696a2 color charts

#5696a2 RGB chart
#5696a2 CMYK chart
#5696a2 RGB pie chart

#5696a2 color shades, tints & tones

#5696a2 color schemes

#5696a2 #a26156
Complementary of #5696a2
#56a288 #5696a2 #566fa2
Analogous of #5696a2
#a28756 #5696a2 #a2566f
Split complementary of #5696a2
#95a256 #5696a2 #a25695
Triadic of #5696a2
#6fa256 #5696a2 #8856a2 #a26156
Square of #5696a2
#95a256 #5696a2 #6156a2 #a26156
Tetradic of #5696a2

#5696a2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018