HEX #2A4A63 color — San Juan
The color #2A4A63 is a dark shade and moderately saturated.
Palette
2A4A63 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(206,40%,98%) |
#e6eef4 |
rgb(230,238,244) |
hsl(206,40%,93%) |
#d4e2ed |
rgb(212,226,237) |
hsl(206,40%,88%) |
#c2d6e5 |
rgb(194,214,229) |
hsl(206,40%,83%) |
#b0cadd |
rgb(176,202,221) |
hsl(206,40%,78%) |
#9fbed6 |
rgb(159,190,214) |
hsl(206,40%,73%) |
#8db2ce |
rgb(141,178,206) |
hsl(206,40%,68%) |
#7ba6c6 |
rgb(123,166,198) |
hsl(206,40%,63%) |
#699abf |
rgb(105,154,191) |
hsl(206,40%,58%) |
#578eb7 |
rgb(87,142,183) |
hsl(206,40%,53%) |
#4981ab |
rgb(73,129,171) |
hsl(206,40%,48%) |
#42739a |
rgb(66,115,154) |
hsl(206,40%,43%) |
#3a6688 |
rgb(58,102,136) |
hsl(206,40%,38%) |
#325976 |
rgb(50,89,118) |
hsl(206,40%,33%) |
#2b4b64 |
rgb(43,75,100) |
hsl(206,40%,28%) |
#233e52 |
rgb(35,62,82) |
hsl(206,40%,23%) |
#1c3040 |
rgb(28,48,64) |
hsl(206,40%,18%) |
#14232e |
rgb(20,35,46) |
hsl(206,40%,13%) |
#0c151d |
rgb(12,21,29) |
hsl(206,40%,8%) |
#05080b |
rgb(5,8,11) |
hsl(206,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A6356 |
rgb(42,99,86) |
hsl(166,40%,28%) |
#2A4A63 |
rgb(42,74,99) |
hsl(206,40%,28%) |
#302963 |
rgb(48,41,99) |
hsl(247,41%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#305772 |
rgb(48,87,114) |
hsl(205,41%,32%) |
#2A4A63 |
rgb(42,74,99) |
hsl(206,40%,28%) |
#233D53 |
rgb(35,61,83) |
hsl(208,41%,23%) |
#1C3343 |
rgb(28,51,67) |
hsl(205,41%,19%) |
#152633 |
rgb(21,38,51) |
hsl(206,42%,14%) |
#0F1A23 |
rgb(15,26,35) |
hsl(207,40%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A4A63 |
rgb(42,74,99) |
hsl(206,40%,28%) |
#63292D |
rgb(99,41,45) |
hsl(356,41%,27%) |
#635E2A |
rgb(99,94,42) |
hsl(55,40%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A4A63 |
rgb(42,74,99) |
hsl(206,40%,28%) |
#63422A |
rgb(99,66,42) |
hsl(25,40%,28%) |
#2A635F |
rgb(42,99,95) |
hsl(176,40%,28%) |
#635E2A |
rgb(99,94,42) |
hsl(55,40%,28%) |