#557bb2 color information

#557bb2 color space conversions

Hex:
#557bb2
RGB:
85, 123, 178
CMY:
67, 52, 30
CMYK:
52, 31, 0, 30
HSL:
215°, 37.6518%, 51.5686%
HSV (HSB):
215°, 52.2472%, 69.8039%
XYZ:
18.8652, 19.3116, 44.8527
xyY:
0.2272, 0.2326, 19.3116
CIE-Lab:
51.0497, 2.6528, -33.2095
CIE-LCH:
51.0497, 33.3153, 274.5671
CIE-Luv:
51.0497, -18.2748, -50.4953
Hunter-Lab:
43.9449, -0.2752, -29.7533

#557bb2 color charts

#557bb2 RGB chart
#557bb2 CMYK chart
#557bb2 RGB pie chart

#557bb2 color shades, tints & tones

#557bb2 color schemes

#557bb2 #b18b55
Complementary of #557bb2
#55a9b1 #557bb2 #5d55b1
Analogous of #557bb2
#a9b155 #557bb2 #b15d55
Split complementary of #557bb2
#7ab155 #557bb2 #b1557a
Triadic of #557bb2
#55b15d #557bb2 #b155a9 #b18b55
Square of #557bb2
#7ab155 #557bb2 #8b55b1 #b18b55
Tetradic of #557bb2

#557bb2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018