#558ac4 color information

#558ac4 color space conversions

Hex:
#558ac4
RGB:
85, 138, 196
CMY:
67, 46, 23
CMYK:
57, 30, 0, 23
HSL:
211°, 48.4716%, 55.0980%
HSV (HSB):
211°, 56.6327%, 76.8627%
XYZ:
22.7986, 24.0938, 55.6735
xyY:
0.2223, 0.2349, 24.0938
CIE-Lab:
56.1816, -0.4618, -35.4776
CIE-LCH:
56.1816, 35.4806, 269.2543
CIE-Luv:
56.1816, -23.6641, -54.7414
Hunter-Lab:
49.0854, -2.9919, -32.8879

#558ac4 color charts

#558ac4 RGB chart
#558ac4 CMYK chart
#558ac4 RGB pie chart

#558ac4 color shades, tints & tones

#558ac4 color schemes

#558ac4 #c48f54
Complementary of #558ac4
#54c1c4 #558ac4 #5754c4
Analogous of #558ac4
#c1c454 #558ac4 #c45754
Split complementary of #558ac4
#89c454 #558ac4 #c45489
Triadic of #558ac4
#54c457 #558ac4 #c454c1 #c48f54
Square of #558ac4
#89c454 #558ac4 #8e54c4 #c48f54
Tetradic of #558ac4

#558ac4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018