HEX #2A5970 color — Casal
The color #2A5970 is a dark shade and moderately saturated.
Palette
2A5970 color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(200,45%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(200,45%,90%) |
#c8deea |
rgb(200,222,234) |
hsl(200,45%,85%) |
#b5d4e3 |
rgb(181,212,227) |
hsl(200,45%,80%) |
#a3c9dc |
rgb(163,201,220) |
hsl(200,45%,75%) |
#90bed5 |
rgb(144,190,213) |
hsl(200,45%,70%) |
#7eb3ce |
rgb(126,179,206) |
hsl(200,45%,65%) |
#6ba8c7 |
rgb(107,168,199) |
hsl(200,45%,60%) |
#599dc0 |
rgb(89,157,192) |
hsl(200,45%,55%) |
#4693b9 |
rgb(70,147,185) |
hsl(200,45%,50%) |
#3f84a6 |
rgb(63,132,166) |
hsl(200,45%,45%) |
#387594 |
rgb(56,117,148) |
hsl(200,45%,40%) |
#316781 |
rgb(49,103,129) |
hsl(200,45%,35%) |
#2a586f |
rgb(42,88,111) |
hsl(200,45%,30%) |
#23495c |
rgb(35,73,92) |
hsl(200,45%,25%) |
#1c3b4a |
rgb(28,59,74) |
hsl(200,45%,20%) |
#152c37 |
rgb(21,44,55) |
hsl(200,45%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(200,45%,10%) |
#070f12 |
rgb(7,15,18) |
hsl(200,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7058 |
rgb(42,112,88) |
hsl(159,45%,30%) |
#2A5970 |
rgb(42,89,112) |
hsl(200,45%,30%) |
#2A2B70 |
rgb(42,43,112) |
hsl(239,45%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306681 |
rgb(48,102,129) |
hsl(200,46%,35%) |
#2A5970 |
rgb(42,89,112) |
hsl(200,45%,30%) |
#234A5E |
rgb(35,74,94) |
hsl(200,46%,25%) |
#1C3D4C |
rgb(28,61,76) |
hsl(199,46%,20%) |
#152E3A |
rgb(21,46,58) |
hsl(199,47%,15%) |
#0F2128 |
rgb(15,33,40) |
hsl(197,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5970 |
rgb(42,89,112) |
hsl(200,45%,30%) |
#702936 |
rgb(112,41,54) |
hsl(349,46%,30%) |
#70632A |
rgb(112,99,42) |
hsl(49,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5970 |
rgb(42,89,112) |
hsl(200,45%,30%) |
#70402A |
rgb(112,64,42) |
hsl(19,45%,30%) |
#2A7064 |
rgb(42,112,100) |
hsl(170,45%,30%) |
#70632A |
rgb(112,99,42) |
hsl(49,45%,30%) |