#558bd2 color information

#558bd2 color space conversions

Hex:
#558bd2
RGB:
85, 139, 210
CMY:
67, 45, 18
CMYK:
60, 34, 0, 18
HSL:
214°, 58.1395%, 57.8431%
HSV (HSB):
214°, 59.5238%, 82.3529%
XYZ:
24.6118, 25.0497, 64.5107
xyY:
0.2156, 0.2194, 25.0497
CIE-Lab:
57.1238, 3.5036, -41.9030
CIE-LCH:
57.1238, 42.0493, 274.7795
CIE-Luv:
57.1238, -23.8176, -65.8878
Hunter-Lab:
50.0497, 0.1900, -41.3861

#558bd2 color charts

#558bd2 RGB chart
#558bd2 CMYK chart
#558bd2 RGB pie chart

#558bd2 color shades, tints & tones

#558bd2 color schemes

#558bd2 #d29b54
Complementary of #558bd2
#54c9d2 #558bd2 #5d54d2
Analogous of #558bd2
#c9d254 #558bd2 #d25d54
Split complementary of #558bd2
#8bd254 #558bd2 #d2548b
Triadic of #558bd2
#54d25d #558bd2 #d254c9 #d29b54
Square of #558bd2
#8bd254 #558bd2 #9b54d2 #d29b54
Tetradic of #558bd2

#558bd2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018