HEX #2A5770 color — San Juan
The color #2A5770 is a dark shade and moderately saturated.
Palette
2A5770 color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(201,45%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(201,45%,90%) |
#c8deea |
rgb(200,222,234) |
hsl(201,45%,85%) |
#b5d3e3 |
rgb(181,211,227) |
hsl(201,45%,80%) |
#a3c8dc |
rgb(163,200,220) |
hsl(201,45%,75%) |
#90bdd5 |
rgb(144,189,213) |
hsl(201,45%,70%) |
#7eb2ce |
rgb(126,178,206) |
hsl(201,45%,65%) |
#6ba7c7 |
rgb(107,167,199) |
hsl(201,45%,60%) |
#599cc0 |
rgb(89,156,192) |
hsl(201,45%,55%) |
#4691b9 |
rgb(70,145,185) |
hsl(201,45%,50%) |
#3f82a6 |
rgb(63,130,166) |
hsl(201,45%,45%) |
#387494 |
rgb(56,116,148) |
hsl(201,45%,40%) |
#316581 |
rgb(49,101,129) |
hsl(201,45%,35%) |
#2a576f |
rgb(42,87,111) |
hsl(201,45%,30%) |
#23485c |
rgb(35,72,92) |
hsl(201,45%,25%) |
#1c3a4a |
rgb(28,58,74) |
hsl(201,45%,20%) |
#152b37 |
rgb(21,43,55) |
hsl(201,45%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(201,45%,10%) |
#070e12 |
rgb(7,14,18) |
hsl(201,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A705A |
rgb(42,112,90) |
hsl(161,45%,30%) |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#2B2970 |
rgb(43,41,112) |
hsl(242,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306681 |
rgb(48,102,129) |
hsl(200,46%,35%) |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#234A5E |
rgb(35,74,94) |
hsl(200,46%,25%) |
#1C3B4C |
rgb(28,59,76) |
hsl(201,46%,20%) |
#152E3A |
rgb(21,46,58) |
hsl(199,47%,15%) |
#0F1F28 |
rgb(15,31,40) |
hsl(202,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#702934 |
rgb(112,41,52) |
hsl(351,46%,30%) |
#70662A |
rgb(112,102,42) |
hsl(51,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#70422A |
rgb(112,66,42) |
hsl(21,45%,30%) |
#2A7066 |
rgb(42,112,102) |
hsl(171,45%,30%) |
#70662A |
rgb(112,102,42) |
hsl(51,45%,30%) |