#558bb2 color information

#558bb2 color space conversions

Hex:
#558bb2
RGB:
85, 139, 178
CMY:
67, 45, 30
CMYK:
52, 22, 0, 30
HSL:
205°, 37.6518%, 51.5686%
HSV (HSB):
205°, 52.2472%, 69.8039%
XYZ:
21.0148, 23.6109, 45.5692
xyY:
0.2330, 0.2618, 23.6109
CIE-Lab:
55.6961, -6.6924, -25.9869
CIE-LCH:
55.6961, 26.8348, 255.5583
CIE-Luv:
55.6961, -24.3461, -38.5256
Hunter-Lab:
48.5910, -7.8360, -21.5891

#558bb2 color charts

#558bb2 RGB chart
#558bb2 CMYK chart
#558bb2 RGB pie chart

#558bb2 color shades, tints & tones

#558bb2 color schemes

#558bb2 #b17b55
Complementary of #558bb2
#55b1aa #558bb2 #555cb1
Analogous of #558bb2
#b1aa55 #558bb2 #b1555c
Split complementary of #558bb2
#8bb155 #558bb2 #b1558b
Triadic of #558bb2
#5cb155 #558bb2 #aa55b1 #b17b55
Square of #558bb2
#8bb155 #558bb2 #7b55b1 #b17b55
Tetradic of #558bb2

#558bb2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018