HEX #536AD0 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

536ad0 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(229,57%,97%)
#dfe3f6 rgb(223,227,246) hsl(229,57%,92%)
#cbd2f1 rgb(203,210,241) hsl(229,57%,87%)
#b7c1eb rgb(183,193,235) hsl(229,57%,82%)
#a3afe6 rgb(163,175,230) hsl(229,57%,77%)
#8f9ee0 rgb(143,158,224) hsl(229,57%,72%)
#7b8cdb rgb(123,140,219) hsl(229,57%,67%)
#677bd5 rgb(103,123,213) hsl(229,57%,62%)
#536ad0 rgb(83,106,208) hsl(229,57%,57%)
#3f58ca rgb(63,88,202) hsl(229,57%,52%)
#344dbc rgb(52,77,188) hsl(229,57%,47%)
#2e44a8 rgb(46,68,168) hsl(229,57%,42%)
#293c94 rgb(41,60,148) hsl(229,57%,37%)
#233480 rgb(35,52,128) hsl(229,57%,32%)
#1e2c6c rgb(30,44,108) hsl(229,57%,27%)
#182458 rgb(24,36,88) hsl(229,57%,22%)
#131c44 rgb(19,28,68) hsl(229,57%,17%)
#0d1430 rgb(13,20,48) hsl(229,57%,12%)
#080b1c rgb(8,11,28) hsl(229,57%,7%)
#020308 rgb(2,3,8) hsl(229,57%,2%)

Adjacent colors

HEX RGB HSL
#53BDD0 rgb(83,189,208) hsl(189,57%,57%)
#536AD0 rgb(83,106,208) hsl(229,57%,57%)
#8F54D0 rgb(143,84,208) hsl(269,57%,57%)

Monochromatic colors

HEX RGB HSL
#9CA8E3 rgb(156,168,227) hsl(230,56%,75%)
#778AD9 rgb(119,138,217) hsl(228,56%,66%)
#536AD0 rgb(83,106,208) hsl(229,57%,57%)
#344FBF rgb(52,79,191) hsl(228,57%,48%)
#2A409B rgb(42,64,155) hsl(228,57%,39%)
#203076 rgb(32,48,118) hsl(229,57%,29%)

Triad color palettes

HEX RGB HSL
#536AD0 rgb(83,106,208) hsl(229,57%,57%)
#D07A53 rgb(208,122,83) hsl(19,57%,57%)
#A8D153 rgb(168,209,83) hsl(80,58%,57%)

Tetrad color palettes

HEX RGB HSL
#536AD0 rgb(83,106,208) hsl(229,57%,57%)
#D0BA53 rgb(208,186,83) hsl(49,57%,57%)
#53A8D0 rgb(83,168,208) hsl(199,57%,57%)
#A8D153 rgb(168,209,83) hsl(80,58%,57%)