#558bc4 color information

#558bc4 color space conversions

Hex:
#558bc4
RGB:
85, 139, 196
CMY:
67, 45, 23
CMYK:
57, 29, 0, 23
HSL:
211°, 48.4716%, 55.0980%
HSV (HSB):
211°, 56.6327%, 76.8627%
XYZ:
22.9427, 24.3821, 55.7215
xyY:
0.2226, 0.2366, 24.3821
CIE-Lab:
56.4683, -1.0444, -35.0292
CIE-LCH:
56.4683, 35.0448, 268.2922
CIE-Luv:
56.4683, -24.0312, -53.9906
Hunter-Lab:
49.3782, -3.4748, -32.3419

#558bc4 color charts

#558bc4 RGB chart
#558bc4 CMYK chart
#558bc4 RGB pie chart

#558bc4 color shades, tints & tones

#558bc4 color schemes

#558bc4 #c48e54
Complementary of #558bc4
#54c2c4 #558bc4 #5654c4
Analogous of #558bc4
#c2c454 #558bc4 #c45654
Split complementary of #558bc4
#8ac454 #558bc4 #c4548a
Triadic of #558bc4
#54c456 #558bc4 #c454c2 #c48e54
Square of #558bc4
#8ac454 #558bc4 #8e54c4 #c48e54
Tetradic of #558bc4

#558bc4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018