HEX #536BD4 color — Indigo

The color #536BD4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

536BD4 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(229,60%,98%)
#e2e6f8 rgb(226,230,248) hsl(229,60%,93%)
#ced5f3 rgb(206,213,243) hsl(229,60%,88%)
#bac3ee rgb(186,195,238) hsl(229,60%,83%)
#a5b2e9 rgb(165,178,233) hsl(229,60%,78%)
#91a0e3 rgb(145,160,227) hsl(229,60%,73%)
#7c8ede rgb(124,142,222) hsl(229,60%,68%)
#687dd9 rgb(104,125,217) hsl(229,60%,63%)
#546bd4 rgb(84,107,212) hsl(229,60%,58%)
#3f5acf rgb(63,90,207) hsl(229,60%,53%)
#314cc4 rgb(49,76,196) hsl(229,60%,48%)
#2c44af rgb(44,68,175) hsl(229,60%,43%)
#273c9b rgb(39,60,155) hsl(229,60%,38%)
#223487 rgb(34,52,135) hsl(229,60%,33%)
#1d2c72 rgb(29,44,114) hsl(229,60%,28%)
#17245e rgb(23,36,94) hsl(229,60%,23%)
#121c49 rgb(18,28,73) hsl(229,60%,18%)
#0d1535 rgb(13,21,53) hsl(229,60%,13%)
#080d21 rgb(8,13,33) hsl(229,60%,8%)
#03050c rgb(3,5,12) hsl(229,60%,3%)

Adjacent colors

HEX RGB HSL
#53C2D4 rgb(83,194,212) hsl(188,60%,58%)
#536BD4 rgb(83,107,212) hsl(229,60%,58%)
#9154D4 rgb(145,84,212) hsl(269,60%,58%)

Monochromatic colors

HEX RGB HSL
#9EABE6 rgb(158,171,230) hsl(229,59%,76%)
#788CDD rgb(120,140,221) hsl(228,60%,67%)
#536BD4 rgb(83,107,212) hsl(229,60%,58%)
#314DC6 rgb(49,77,198) hsl(229,60%,48%)
#2840A0 rgb(40,64,160) hsl(228,60%,39%)
#1E307A rgb(30,48,122) hsl(228,61%,30%)

Triad color palettes

HEX RGB HSL
#536BD4 rgb(83,107,212) hsl(229,60%,58%)
#D47A53 rgb(212,122,83) hsl(18,60%,58%)
#ABD453 rgb(171,212,83) hsl(79,60%,58%)

Tetrad color palettes

HEX RGB HSL
#536BD4 rgb(83,107,212) hsl(229,60%,58%)
#D4BD53 rgb(212,189,83) hsl(49,60%,58%)
#53ABD4 rgb(83,171,212) hsl(199,60%,58%)
#ABD453 rgb(171,212,83) hsl(79,60%,58%)