HEX #2A6170 color — Casal
The color #2A6170 is a dark shade and moderately saturated.
Palette
2A6170 color palette from light to dark
HEX |
RGB |
HSL |
#edf6f8 |
rgb(237,246,248) |
hsl(193,45%,95%) |
#daecf1 |
rgb(218,236,241) |
hsl(193,45%,90%) |
#c8e3ea |
rgb(200,227,234) |
hsl(193,45%,85%) |
#b5d9e3 |
rgb(181,217,227) |
hsl(193,45%,80%) |
#a3d0dc |
rgb(163,208,220) |
hsl(193,45%,75%) |
#90c6d5 |
rgb(144,198,213) |
hsl(193,45%,70%) |
#7ebdce |
rgb(126,189,206) |
hsl(193,45%,65%) |
#6bb3c7 |
rgb(107,179,199) |
hsl(193,45%,60%) |
#59aac0 |
rgb(89,170,192) |
hsl(193,45%,55%) |
#46a0b9 |
rgb(70,160,185) |
hsl(193,45%,50%) |
#3f90a6 |
rgb(63,144,166) |
hsl(193,45%,45%) |
#388094 |
rgb(56,128,148) |
hsl(193,45%,40%) |
#317081 |
rgb(49,112,129) |
hsl(193,45%,35%) |
#2a606f |
rgb(42,96,111) |
hsl(193,45%,30%) |
#23505c |
rgb(35,80,92) |
hsl(193,45%,25%) |
#1c404a |
rgb(28,64,74) |
hsl(193,45%,20%) |
#153037 |
rgb(21,48,55) |
hsl(193,45%,15%) |
#0e2025 |
rgb(14,32,37) |
hsl(193,45%,10%) |
#071012 |
rgb(7,16,18) |
hsl(193,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7050 |
rgb(42,112,80) |
hsl(153,45%,30%) |
#2A6170 |
rgb(42,97,112) |
hsl(193,45%,30%) |
#2A3370 |
rgb(42,51,112) |
hsl(232,45%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307081 |
rgb(48,112,129) |
hsl(193,46%,35%) |
#2A6170 |
rgb(42,97,112) |
hsl(193,45%,30%) |
#23525E |
rgb(35,82,94) |
hsl(192,46%,25%) |
#1C424C |
rgb(28,66,76) |
hsl(193,46%,20%) |
#15333A |
rgb(21,51,58) |
hsl(191,47%,15%) |
#0F2428 |
rgb(15,36,40) |
hsl(190,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6170 |
rgb(42,97,112) |
hsl(193,45%,30%) |
#70293E |
rgb(112,41,62) |
hsl(342,46%,30%) |
#705C2A |
rgb(112,92,42) |
hsl(43,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6170 |
rgb(42,97,112) |
hsl(193,45%,30%) |
#70382A |
rgb(112,56,42) |
hsl(12,45%,30%) |
#2A705C |
rgb(42,112,92) |
hsl(163,45%,30%) |
#705C2A |
rgb(112,92,42) |
hsl(43,45%,30%) |