#558ac0 color information

#558ac0 color space conversions

Hex:
#558ac0
RGB:
85, 138, 192
CMY:
67, 46, 25
CMYK:
56, 28, 0, 25
HSL:
210°, 45.9227%, 54.3137%
HSV (HSB):
210°, 55.7292%, 75.2941%
XYZ:
22.3492, 23.9140, 53.3071
xyY:
0.2245, 0.2402, 23.9140
CIE-Lab:
56.0016, -1.7408, -33.4891
CIE-LCH:
56.0016, 33.5343, 267.0243
CIE-Luv:
56.0016, -23.7264, -51.3196
Hunter-Lab:
48.9020, -4.0002, -30.3995

#558ac0 color charts

#558ac0 RGB chart
#558ac0 CMYK chart
#558ac0 RGB pie chart

#558ac0 color shades, tints & tones

#558ac0 color schemes

#558ac0 #c08b54
Complementary of #558ac0
#54bfc0 #558ac0 #5554c0
Analogous of #558ac0
#bfc054 #558ac0 #c05554
Split complementary of #558ac0
#89c054 #558ac0 #c05489
Triadic of #558ac0
#54c055 #558ac0 #c054bf #c08b54
Square of #558ac0
#89c054 #558ac0 #8a54c0 #c08b54
Tetradic of #558ac0

#558ac0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018