#557ac2 color information

#557ac2 color space conversions

Hex:
#557ac2
RGB:
85, 122, 194
CMY:
67, 52, 24
CMYK:
56, 37, 0, 24
HSL:
220°, 47.1861%, 54.7059%
HSV (HSB):
220°, 56.1856%, 76.0784%
XYZ:
20.4435, 19.7454, 53.7727
xyY:
0.2176, 0.2101, 19.7454
CIE-Lab:
51.5481, 8.4214, -41.6251
CIE-LCH:
51.5481, 42.4684, 281.4374
CIE-Luv:
51.5481, -17.9221, -64.6780
Hunter-Lab:
44.4358, 4.3593, -40.6430

#557ac2 color charts

#557ac2 RGB chart
#557ac2 CMYK chart
#557ac2 RGB pie chart

#557ac2 color shades, tints & tones

#557ac2 color schemes

#557ac2 #c19c55
Complementary of #557ac2
#55b0c1 #557ac2 #6655c1
Analogous of #557ac2
#b0c155 #557ac2 #c16655
Split complementary of #557ac2
#7ac155 #557ac2 #c15579
Triadic of #557ac2
#55c166 #557ac2 #c155b0 #c19c55
Square of #557ac2
#7ac155 #557ac2 #9c55c1 #c19c55
Tetradic of #557ac2

#557ac2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018