HEX #536BC2 color — Indigo
The color #536BC2 is a dark shade and moderately saturated.
Palette
536BC2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(227,48%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(227,48%,94%) |
#d5dbf0 |
rgb(213,219,240) |
hsl(227,48%,89%) |
#c3cbea |
rgb(195,203,234) |
hsl(227,48%,84%) |
#b0bbe3 |
rgb(176,187,227) |
hsl(227,48%,79%) |
#9dabdd |
rgb(157,171,221) |
hsl(227,48%,74%) |
#8a9ad6 |
rgb(138,154,214) |
hsl(227,48%,69%) |
#778acf |
rgb(119,138,207) |
hsl(227,48%,64%) |
#647ac9 |
rgb(100,122,201) |
hsl(227,48%,59%) |
#516ac2 |
rgb(81,106,194) |
hsl(227,48%,54%) |
#415bb9 |
rgb(65,91,185) |
hsl(227,48%,49%) |
#3a52a6 |
rgb(58,82,166) |
hsl(227,48%,44%) |
#344893 |
rgb(52,72,147) |
hsl(227,48%,39%) |
#2d3f80 |
rgb(45,63,128) |
hsl(227,48%,34%) |
#26366d |
rgb(38,54,109) |
hsl(227,48%,29%) |
#202d5b |
rgb(32,45,91) |
hsl(227,48%,24%) |
#192348 |
rgb(25,35,72) |
hsl(227,48%,19%) |
#131a35 |
rgb(19,26,53) |
hsl(227,48%,14%) |
#0c1122 |
rgb(12,17,34) |
hsl(227,48%,9%) |
#05070f |
rgb(5,7,15) |
hsl(227,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#53B5C2 |
rgb(83,181,194) |
hsl(187,48%,54%) |
#536BC2 |
rgb(83,107,194) |
hsl(227,48%,54%) |
#8554C2 |
rgb(133,84,194) |
hsl(267,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A3D9 |
rgb(148,163,217) |
hsl(227,48%,72%) |
#7387CD |
rgb(115,135,205) |
hsl(227,47%,63%) |
#536BC2 |
rgb(83,107,194) |
hsl(227,48%,54%) |
#3C54AB |
rgb(60,84,171) |
hsl(227,48%,45%) |
#31458B |
rgb(49,69,139) |
hsl(227,48%,37%) |
#25366A |
rgb(37,54,106) |
hsl(225,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#536BC2 |
rgb(83,107,194) |
hsl(227,48%,54%) |
#C27353 |
rgb(194,115,83) |
hsl(17,48%,54%) |
#A2C253 |
rgb(162,194,83) |
hsl(77,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536BC2 |
rgb(83,107,194) |
hsl(227,48%,54%) |
#C2AB53 |
rgb(194,171,83) |
hsl(48,48%,54%) |
#53A3C2 |
rgb(83,163,194) |
hsl(197,48%,54%) |
#A2C253 |
rgb(162,194,83) |
hsl(77,48%,54%) |