#5695f2 color information

#5695f2 color space conversions

Hex:

#5695f2

RGB:

86, 149, 242

CMY:

66, 42, 5

CMYK:

64, 38, 0, 5

HSL:

216°, 85.7143%, 64.3137%

HSV (HSB):

216°, 64.4628%, 94.9020%

XYZ:

30.6122, 29.8841, 88.1592

xyY:

0.2059, 0.2010, 29.8841

CIE-Lab:

61.5541, 8.4476, -52.6945

CIE-LCH:

61.5541, 53.3674, 279.1078

CIE-Luv:

61.5541, -26.4983, -85.2372

Hunter-Lab:

54.6664, 4.2907, -57.3491

#5695f2 color charts

#5695f2 RGB chart

#5695f2 CMYK chart

#5695f2 RGB pie chart

#5695f2 color shades, tints & tones

#5695f2 #4c84d7 #4374bc #3963a1 #305386 #26426c #1d3251 #132136 #0a111b #000000

Shades of #5695f2

#5695f2 #69a1f3 #7cadf5 #8eb8f6 #a1c4f8 #b4d0f9 #c7dcfb #d9e7fc #ecf3fe #ffffff

Tints of #5695f2

#5695f2 #5b93e5 #5f90d9 #648ecc #698cbf #6d89b3 #7287a6 #778599 #7b828d #808080

Tones of #5695f2

#5695f2 color schemes

#5695f2 #f2b355

Complementary of #5695f2

#55e3f2 #5695f2 #6455f2

Analogous of #5695f2

#e3f255 #5695f2 #f26455

Split complementary of #5695f2

#94f255 #5695f2 #f25594

Triadic of #5695f2

#55f264 #5695f2 #f255e3 #f2b355

Square of #5695f2

#94f255 #5695f2 #b255f2 #f2b355

Tetradic of #5695f2

#5695f2 color preview, HTML & CSS examples

This text has a color of #5695f2

.mytext {color:#5695f2;}

Text color #5695f2

This box has a color of #5695f2

<div style="background-color:#5695f2;">Content here</div>

.mybackground {background-color:#5695f2;}

Background color #5695f2

Border around this has a color of #5695f2

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

.myborder {border:2px solid #5695f2;}

Border color #5695f2

Random colors

#8bedf9 #2e30a8 #5d2b02 #9b7430 #690b65 #e3d591 #4aac7c #3c7653 #6f86e6 #313f90

Random colors