#558bc2 color information

#558bc2 color space conversions

Hex:
#558bc2
RGB:
85, 139, 194
CMY:
67, 45, 24
CMYK:
56, 28, 0, 24
HSL:
210°, 47.1861%, 54.7059%
HSV (HSB):
210°, 56.1856%, 76.0784%
XYZ:
22.7165, 24.2916, 54.5304
xyY:
0.2237, 0.2392, 24.2916
CIE-Lab:
56.3785, -1.6840, -34.0358
CIE-LCH:
56.3785, 34.0775, 267.1674
CIE-Luv:
56.3785, -24.0640, -52.2790
Hunter-Lab:
49.2865, -3.9793, -31.0977

#558bc2 color charts

#558bc2 RGB chart
#558bc2 CMYK chart
#558bc2 RGB pie chart

#558bc2 color shades, tints & tones

#558bc2 color schemes

#558bc2 #c18c55
Complementary of #558bc2
#55c1c1 #558bc2 #5555c1
Analogous of #558bc2
#c1c155 #558bc2 #c15555
Split complementary of #558bc2
#8ac155 #558bc2 #c1558a
Triadic of #558bc2
#55c155 #558bc2 #c155c1 #c18c55
Square of #558bc2
#8ac155 #558bc2 #8b55c1 #c18c55
Tetradic of #558bc2

#558bc2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018