HEX #2563A2 color — Matisse
The color #2563A2 is a dark shade and moderately saturated.
Palette
2563A2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,63%,99%) |
#e6f0f9 |
rgb(230,240,249) |
hsl(210,63%,94%) |
#d1e3f5 |
rgb(209,227,245) |
hsl(210,63%,89%) |
#bcd6f0 |
rgb(188,214,240) |
hsl(210,63%,84%) |
#a8c9eb |
rgb(168,201,235) |
hsl(210,63%,79%) |
#93bde6 |
rgb(147,189,230) |
hsl(210,63%,74%) |
#7eb0e2 |
rgb(126,176,226) |
hsl(210,63%,69%) |
#69a3dd |
rgb(105,163,221) |
hsl(210,63%,64%) |
#5596d8 |
rgb(85,150,216) |
hsl(210,63%,59%) |
#408ad4 |
rgb(64,138,212) |
hsl(210,63%,54%) |
#2e7dcc |
rgb(46,125,204) |
hsl(210,63%,49%) |
#2a70b7 |
rgb(42,112,183) |
hsl(210,63%,44%) |
#2563a2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#20578d |
rgb(32,87,141) |
hsl(210,63%,34%) |
#1b4a79 |
rgb(27,74,121) |
hsl(210,63%,29%) |
#173d64 |
rgb(23,61,100) |
hsl(210,63%,24%) |
#12304f |
rgb(18,48,79) |
hsl(210,63%,19%) |
#0d243a |
rgb(13,36,58) |
hsl(210,63%,14%) |
#081725 |
rgb(8,23,37) |
hsl(210,63%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(210,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#25A38D |
rgb(37,163,141) |
hsl(170,63%,39%) |
#2563A2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#3A26A2 |
rgb(58,38,162) |
hsl(250,62%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2A73BB |
rgb(42,115,187) |
hsl(210,63%,45%) |
#2563A2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#1F5488 |
rgb(31,84,136) |
hsl(210,63%,33%) |
#19426E |
rgb(25,66,110) |
hsl(211,63%,26%) |
#133354 |
rgb(19,51,84) |
hsl(210,63%,20%) |
#0D243A |
rgb(13,36,58) |
hsl(209,63%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2563A2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#A22625 |
rgb(162,38,37) |
hsl(0,63%,39%) |
#A1A325 |
rgb(161,163,37) |
hsl(61,63%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2563A2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#A26325 |
rgb(162,99,37) |
hsl(30,63%,39%) |
#25A1A2 |
rgb(37,161,162) |
hsl(180,63%,39%) |
#A1A325 |
rgb(161,163,37) |
hsl(61,63%,39%) |