#557ea2 color information

#557ea2 color space conversions

Hex:

#557ea2

RGB:

85, 126, 162

CMY:

67, 51, 36

CMYK:

48, 22, 0, 36

HSL:

208°, 31.1741%, 48.4314%

HSV (HSB):

208°, 47.5309%, 63.5294%

XYZ:

17.7288, 19.4616, 37.0045

xyY:

0.2389, 0.2623, 19.4616

CIE-Lab:

51.2230, -4.0720, -23.6692

CIE-LCH:

51.2230, 24.0169, 260.2385

CIE-Luv:

51.2230, -19.4856, -34.6016

Hunter-Lab:

44.1153, -5.4676, -18.8524

#557ea2 color charts

#557ea2 RGB chart

#557ea2 CMYK chart

#557ea2 RGB pie chart

#557ea2 color shades, tints & tones

#557ea2 #4c7090 #42627e #39546c #2f465a #263848 #1c2a36 #131c24 #090e12 #000000

Shades of #557ea2

#557ea2 #688cac #7b9bb7 #8ea9c1 #a1b7cb #b3c6d6 #c6d4e0 #d9e2ea #ecf1f5 #ffffff

Tints of #557ea2

#557ea2 #5a7e9e #5f7e9a #637f97 #687f93 #6d7f8f #727f8b #768088 #7b8084 #808080

Tones of #557ea2

#557ea2 color schemes

#557ea2 #a17955

Complementary of #557ea2

#55a19f #557ea2 #5557a1

Analogous of #557ea2

#a19f55 #557ea2 #a15557

Split complementary of #557ea2

#7da155 #557ea2 #a1557d

Triadic of #557ea2

#57a155 #557ea2 #9f55a1 #a17955

Square of #557ea2

#7da155 #557ea2 #7955a1 #a17955

Tetradic of #557ea2

#557ea2 color preview, HTML & CSS examples

This text has a color of #557ea2

.mytext {color:#557ea2;}

Text color #557ea2

This box has a color of #557ea2

<div style="background-color:#557ea2;">Content here</div>

.mybackground {background-color:#557ea2;}

Background color #557ea2

Border around this has a color of #557ea2

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

.myborder {border:2px solid #557ea2;}

Border color #557ea2

Random colors

#281c09 #f38483 #d399c8 #65f6ef #b481ff #c5f3de #b53198 #052d48 #3650e9 #efdd92

Random colors