HEX #2A4563 color — San Juan

The color #2A4563 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2A4563 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(212,40%,98%)
#e6edf4 rgb(230,237,244) hsl(212,40%,93%)
#d4e0ed rgb(212,224,237) hsl(212,40%,88%)
#c2d2e5 rgb(194,210,229) hsl(212,40%,83%)
#b0c5dd rgb(176,197,221) hsl(212,40%,78%)
#9fb8d6 rgb(159,184,214) hsl(212,40%,73%)
#8dabce rgb(141,171,206) hsl(212,40%,68%)
#7b9ec6 rgb(123,158,198) hsl(212,40%,63%)
#6991bf rgb(105,145,191) hsl(212,40%,58%)
#5784b7 rgb(87,132,183) hsl(212,40%,53%)
#4977ab rgb(73,119,171) hsl(212,40%,48%)
#426b9a rgb(66,107,154) hsl(212,40%,43%)
#3a5e88 rgb(58,94,136) hsl(212,40%,38%)
#325276 rgb(50,82,118) hsl(212,40%,33%)
#2b4564 rgb(43,69,100) hsl(212,40%,28%)
#233952 rgb(35,57,82) hsl(212,40%,23%)
#1c2d40 rgb(28,45,64) hsl(212,40%,18%)
#14202e rgb(20,32,46) hsl(212,40%,13%)
#0c141d rgb(12,20,29) hsl(212,40%,8%)
#05070b rgb(5,7,11) hsl(212,40%,3%)

Adjacent colors

HEX RGB HSL
#2A635B rgb(42,99,91) hsl(172,40%,28%)
#2A4563 rgb(42,69,99) hsl(212,40%,28%)
#352963 rgb(53,41,99) hsl(252,41%,27%)

Monochromatic colors

HEX RGB HSL
#304F72 rgb(48,79,114) hsl(212,41%,32%)
#2A4563 rgb(42,69,99) hsl(212,40%,28%)
#233B53 rgb(35,59,83) hsl(210,41%,23%)
#1C2E43 rgb(28,46,67) hsl(212,41%,19%)
#152433 rgb(21,36,51) hsl(210,42%,14%)
#0F1A23 rgb(15,26,35) hsl(207,40%,10%)

Triad color palettes

HEX RGB HSL
#2A4563 rgb(42,69,99) hsl(212,40%,28%)
#632B2A rgb(99,43,42) hsl(1,40%,28%)
#61632A rgb(97,99,42) hsl(62,40%,28%)

Tetrad color palettes

HEX RGB HSL
#2A4563 rgb(42,69,99) hsl(212,40%,28%)
#63472A rgb(99,71,42) hsl(31,40%,28%)
#2A6163 rgb(42,97,99) hsl(182,40%,28%)
#61632A rgb(97,99,42) hsl(62,40%,28%)