#557ec2 color information

#557ec2 color space conversions

Hex:
#557ec2
RGB:
85, 126, 194
CMY:
67, 51, 24
CMYK:
56, 35, 0, 24
HSL:
217°, 47.1861%, 54.7059%
HSV (HSB):
217°, 56.1856%, 76.0784%
XYZ:
20.9448, 20.7480, 53.9398
xyY:
0.2190, 0.2170, 20.7480
CIE-Lab:
52.6726, 6.0034, -39.8499
CIE-LCH:
52.6726, 40.2996, 278.5672
CIE-Luv:
52.6726, -19.3381, -61.8488
Hunter-Lab:
45.5500, 2.3652, -38.3255

#557ec2 color charts

#557ec2 RGB chart
#557ec2 CMYK chart
#557ec2 RGB pie chart

#557ec2 color shades, tints & tones

#557ec2 color schemes

#557ec2 #c19855
Complementary of #557ec2
#55b4c1 #557ec2 #6255c1
Analogous of #557ec2
#b4c155 #557ec2 #c16255
Split complementary of #557ec2
#7ec155 #557ec2 #c1557d
Triadic of #557ec2
#55c162 #557ec2 #c155b4 #c19855
Square of #557ec2
#7ec155 #557ec2 #9855c1 #c19855
Tetradic of #557ec2

#557ec2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018