#558ec2 color information

#558ec2 color space conversions

Hex:

#558ec2

RGB:

85, 142, 194

CMY:

67, 44, 24

CMYK:

56, 27, 0, 24

HSL:

209°, 47.1861%, 54.7059%

HSV (HSB):

209°, 56.1856%, 76.0784%

XYZ:

23.1569, 25.1723, 54.6772

xyY:

0.2248, 0.2444, 25.1723

CIE-Lab:

57.2430, -3.4176, -32.6879

CIE-LCH:

57.2430, 32.8661, 264.0312

CIE-Luv:

57.2430, -25.1758, -50.0076

Hunter-Lab:

50.1720, -5.4144, -29.4934

#558ec2 color charts

#558ec2 RGB chart

#558ec2 CMYK chart

#558ec2 RGB pie chart

#558ec2 color shades, tints & tones

#558ec2 #4c7eac #426e97 #395f81 #2f4f6c #263f56 #1c2f41 #13202b #091016 #000000

Shades of #558ec2

#558ec2 #689bc9 #7ba7d0 #8eb4d6 #a1c0dd #b3cde4 #c6d9eb #d9e6f1 #ecf2f8 #ffffff

Tints of #558ec2

#558ec2 #5a8cbb #5f8bb3 #6389ac #6888a5 #6d869d #728596 #76838f #7b8287 #808080

Tones of #558ec2

#558ec2 color schemes

#558ec2 #c18855

Complementary of #558ec2

#55c1bf #558ec2 #5557c1

Analogous of #558ec2

#c1bf55 #558ec2 #c15557

Split complementary of #558ec2

#8ec155 #558ec2 #c1558d

Triadic of #558ec2

#57c155 #558ec2 #bf55c1 #c18855

Square of #558ec2

#8ec155 #558ec2 #8855c1 #c18855

Tetradic of #558ec2

#558ec2 color preview, HTML & CSS examples

This text has a color of #558ec2

.mytext {color:#558ec2;}

Text color #558ec2

This box has a color of #558ec2

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

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

Background color #558ec2

Border around this has a color of #558ec2

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

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

Border color #558ec2

Random colors

#61ae42 #e22635 #e6f03c #70fb0b #16ffbe #602c2b #127fb8 #186e4a #261fc0 #d61813

Random colors