HEX #536EC3 color — Indigo
The color #536EC3 is a dark shade and moderately saturated.
Palette
536EC3 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(226,48%,95%) |
#d9dff2 |
rgb(217,223,242) |
hsl(226,48%,90%) |
#c6cfeb |
rgb(198,207,235) |
hsl(226,48%,85%) |
#b4bfe4 |
rgb(180,191,228) |
hsl(226,48%,80%) |
#a1afde |
rgb(161,175,222) |
hsl(226,48%,75%) |
#8e9fd7 |
rgb(142,159,215) |
hsl(226,48%,70%) |
#7b8fd1 |
rgb(123,143,209) |
hsl(226,48%,65%) |
#687fca |
rgb(104,127,202) |
hsl(226,48%,60%) |
#556fc3 |
rgb(85,111,195) |
hsl(226,48%,55%) |
#425fbd |
rgb(66,95,189) |
hsl(226,48%,50%) |
#3c55aa |
rgb(60,85,170) |
hsl(226,48%,45%) |
#354c97 |
rgb(53,76,151) |
hsl(226,48%,40%) |
#2e4284 |
rgb(46,66,132) |
hsl(226,48%,35%) |
#283971 |
rgb(40,57,113) |
hsl(226,48%,30%) |
#212f5e |
rgb(33,47,94) |
hsl(226,48%,25%) |
#1b264b |
rgb(27,38,75) |
hsl(226,48%,20%) |
#141c39 |
rgb(20,28,57) |
hsl(226,48%,15%) |
#0d1326 |
rgb(13,19,38) |
hsl(226,48%,10%) |
#070913 |
rgb(7,9,19) |
hsl(226,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53B8C3 |
rgb(83,184,195) |
hsl(186,48%,55%) |
#536EC3 |
rgb(83,110,195) |
hsl(226,48%,55%) |
#8254C3 |
rgb(130,84,195) |
hsl(265,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A6DA |
rgb(148,166,218) |
hsl(225,49%,72%) |
#738ACE |
rgb(115,138,206) |
hsl(225,48%,63%) |
#536EC3 |
rgb(83,110,195) |
hsl(226,48%,55%) |
#3C57AD |
rgb(60,87,173) |
hsl(226,48%,46%) |
#30478C |
rgb(48,71,140) |
hsl(225,49%,37%) |
#25366B |
rgb(37,54,107) |
hsl(225,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#536EC3 |
rgb(83,110,195) |
hsl(226,48%,55%) |
#C37053 |
rgb(195,112,83) |
hsl(16,48%,55%) |
#A6C253 |
rgb(166,194,83) |
hsl(75,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536EC3 |
rgb(83,110,195) |
hsl(226,48%,55%) |
#C3A853 |
rgb(195,168,83) |
hsl(46,48%,55%) |
#53A6C3 |
rgb(83,166,195) |
hsl(196,48%,55%) |
#A6C253 |
rgb(166,194,83) |
hsl(75,48%,54%) |