HEX #2A6E63 color — Casal
The color #2A6E63 is a dark shade and moderately saturated.
Palette
2A6E63 color palette from light to dark
HEX |
RGB |
HSL |
#edf8f6 |
rgb(237,248,246) |
hsl(170,45%,95%) |
#daf1ed |
rgb(218,241,237) |
hsl(170,45%,90%) |
#c8eae4 |
rgb(200,234,228) |
hsl(170,45%,85%) |
#b5e3db |
rgb(181,227,219) |
hsl(170,45%,80%) |
#a3dcd2 |
rgb(163,220,210) |
hsl(170,45%,75%) |
#90d5c9 |
rgb(144,213,201) |
hsl(170,45%,70%) |
#7ecec1 |
rgb(126,206,193) |
hsl(170,45%,65%) |
#6bc7b8 |
rgb(107,199,184) |
hsl(170,45%,60%) |
#59c0af |
rgb(89,192,175) |
hsl(170,45%,55%) |
#46b9a6 |
rgb(70,185,166) |
hsl(170,45%,50%) |
#3fa695 |
rgb(63,166,149) |
hsl(170,45%,45%) |
#389485 |
rgb(56,148,133) |
hsl(170,45%,40%) |
#318174 |
rgb(49,129,116) |
hsl(170,45%,35%) |
#2a6f63 |
rgb(42,111,99) |
hsl(170,45%,30%) |
#235c53 |
rgb(35,92,83) |
hsl(170,45%,25%) |
#1c4a42 |
rgb(28,74,66) |
hsl(170,45%,20%) |
#153732 |
rgb(21,55,50) |
hsl(170,45%,15%) |
#0e2521 |
rgb(14,37,33) |
hsl(170,45%,10%) |
#071211 |
rgb(7,18,17) |
hsl(170,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A6E35 |
rgb(42,110,53) |
hsl(130,45%,30%) |
#2A6E63 |
rgb(42,110,99) |
hsl(170,45%,30%) |
#2A4D6E |
rgb(42,77,110) |
hsl(209,45%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#308072 |
rgb(48,128,114) |
hsl(170,45%,35%) |
#2A6E63 |
rgb(42,110,99) |
hsl(170,45%,30%) |
#235C53 |
rgb(35,92,83) |
hsl(171,45%,25%) |
#1C4A43 |
rgb(28,74,67) |
hsl(171,45%,20%) |
#153833 |
rgb(21,56,51) |
hsl(171,45%,15%) |
#0F2923 |
rgb(15,41,35) |
hsl(166,46%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6E63 |
rgb(42,110,99) |
hsl(170,45%,30%) |
#6E2957 |
rgb(110,41,87) |
hsl(320,46%,30%) |
#6E402A |
rgb(110,64,42) |
hsl(19,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6E63 |
rgb(42,110,99) |
hsl(170,45%,30%) |
#6E2935 |
rgb(110,41,53) |
hsl(350,46%,30%) |
#2A6E41 |
rgb(42,110,65) |
hsl(140,45%,30%) |
#6E402A |
rgb(110,64,42) |
hsl(19,45%,30%) |