#56a4e2 color information

#56a4e2 color space conversions

Hex:

#56a4e2

RGB:

86, 164, 226

CMY:

66, 36, 11

CMYK:

62, 27, 0, 11

HSL:

207°, 70.7071%, 61.1765%

HSV (HSB):

207°, 61.9469%, 88.6275%

XYZ:

30.8407, 34.0203, 76.8926

xyY:

0.2176, 0.2400, 34.0203

CIE-Lab:

64.9787, -5.4630, -38.4846

CIE-LCH:

64.9787, 38.8705, 261.9206

CIE-Luv:

64.9787, -32.1054, -60.5122

Hunter-Lab:

58.3270, -7.6894, -37.3333

#56a4e2 color charts

#56a4e2 RGB chart

#56a4e2 CMYK chart

#56a4e2 RGB pie chart

#56a4e2 color shades, tints & tones

#56a4e2 #4c92c9 #4380b0 #396d97 #305b7e #264964 #1d374b #132432 #0a1219 #000000

Shades of #56a4e2

#56a4e2 #69aee5 #7cb8e8 #8ec2ec #a1ccef #b4d7f2 #c7e1f5 #d9ebf9 #ecf5fc #ffffff

Tints of #56a4e2

#56a4e2 #5ba0d7 #5f9ccc #6498c1 #6994b6 #6d90ac #728ca1 #778896 #7b848b #808080

Tones of #56a4e2

#56a4e2 color schemes

#56a4e2 #e29356

Complementary of #56a4e2

#56e2da #56a4e2 #565ee2

Analogous of #56a4e2

#e2d956 #56a4e2 #e2565d

Split complementary of #56a4e2

#a4e256 #56a4e2 #e256a4

Triadic of #56a4e2

#5ee256 #56a4e2 #d956e2 #e29356

Square of #56a4e2

#a4e256 #56a4e2 #9356e2 #e29356

Tetradic of #56a4e2

#56a4e2 color preview, HTML & CSS examples

This text has a color of #56a4e2

.mytext {color:#56a4e2;}

Text color #56a4e2

This box has a color of #56a4e2

<div style="background-color:#56a4e2;">Content here</div>

.mybackground {background-color:#56a4e2;}

Background color #56a4e2

Border around this has a color of #56a4e2

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

.myborder {border:2px solid #56a4e2;}

Border color #56a4e2

Random colors

#4781bc #5b1f31 #87d956 #c81e6a #b87b42 #6ea3d2 #892e42 #010b59 #1747d5 #59af25

Random colors