#558ea4 color information

#558ea4 color space conversions

Hex:

#558ea4

RGB:

85, 142, 164

CMY:

67, 44, 36

CMYK:

48, 13, 0, 36

HSL:

197°, 31.7269%, 48.8235%

HSV (HSB):

197°, 48.1707%, 64.3137%

XYZ:

20.1202, 23.9576, 38.6858

xyY:

0.2431, 0.2895, 23.9576

CIE-Lab:

56.0454, -12.5508, -17.4373

CIE-LCH:

56.0454, 21.4845, 234.2549

CIE-Luv:

56.0454, -25.8143, -24.2033

Hunter-Lab:

48.9465, -12.2815, -12.5984

#558ea4 color charts

#558ea4 RGB chart

#558ea4 CMYK chart

#558ea4 RGB pie chart

#558ea4 color shades, tints & tones

#558ea4 #4c7e92 #426e80 #395f6d #2f4f5b #263f49 #1c2f37 #132024 #091012 #000000

Shades of #558ea4

#558ea4 #689bae #7ba7b8 #8eb4c2 #a1c0cc #b3cdd7 #c6d9e1 #d9e6eb #ecf2f5 #ffffff

Tints of #558ea4

#558ea4 #5a8ca0 #5f8b9c #638998 #688894 #6d8690 #72858c #768388 #7b8284 #808080

Tones of #558ea4

#558ea4 color schemes

#558ea4 #a46b55

Complementary of #558ea4

#55a492 #558ea4 #5566a4

Analogous of #558ea4

#a49255 #558ea4 #a45566

Split complementary of #558ea4

#8ea455 #558ea4 #a4558d

Triadic of #558ea4

#66a455 #558ea4 #9255a4 #a46b55

Square of #558ea4

#8ea455 #558ea4 #6a55a4 #a46b55

Tetradic of #558ea4

#558ea4 color preview, HTML & CSS examples

This text has a color of #558ea4

.mytext {color:#558ea4;}

Text color #558ea4

This box has a color of #558ea4

<div style="background-color:#558ea4;">Content here</div>

.mybackground {background-color:#558ea4;}

Background color #558ea4

Border around this has a color of #558ea4

<div style="border:2px solid #558ea4;">Content here</div>

.myborder {border:2px solid #558ea4;}

Border color #558ea4

Random colors

#b63aba #17f2fa #6c2196 #735cf1 #29a83d #88b5ed #fe82f1 #7f3281 #46dc39 #03e2ff

Random colors