HEX #2A696E color — Casal
The color #2A696E is a dark shade and moderately saturated.
Palette
2A696E color palette from light to dark
HEX |
RGB |
HSL |
#edf7f8 |
rgb(237,247,248) |
hsl(184,45%,95%) |
#daeff1 |
rgb(218,239,241) |
hsl(184,45%,90%) |
#c8e8ea |
rgb(200,232,234) |
hsl(184,45%,85%) |
#b5e0e3 |
rgb(181,224,227) |
hsl(184,45%,80%) |
#a3d8dc |
rgb(163,216,220) |
hsl(184,45%,75%) |
#90d0d5 |
rgb(144,208,213) |
hsl(184,45%,70%) |
#7ec9ce |
rgb(126,201,206) |
hsl(184,45%,65%) |
#6bc1c7 |
rgb(107,193,199) |
hsl(184,45%,60%) |
#59b9c0 |
rgb(89,185,192) |
hsl(184,45%,55%) |
#46b1b9 |
rgb(70,177,185) |
hsl(184,45%,50%) |
#3fa0a6 |
rgb(63,160,166) |
hsl(184,45%,45%) |
#388e94 |
rgb(56,142,148) |
hsl(184,45%,40%) |
#317c81 |
rgb(49,124,129) |
hsl(184,45%,35%) |
#2a6a6f |
rgb(42,106,111) |
hsl(184,45%,30%) |
#23595c |
rgb(35,89,92) |
hsl(184,45%,25%) |
#1c474a |
rgb(28,71,74) |
hsl(184,45%,20%) |
#153537 |
rgb(21,53,55) |
hsl(184,45%,15%) |
#0e2325 |
rgb(14,35,37) |
hsl(184,45%,10%) |
#071212 |
rgb(7,18,18) |
hsl(184,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A6E45 |
rgb(42,110,69) |
hsl(144,45%,30%) |
#2A696E |
rgb(42,105,110) |
hsl(184,45%,30%) |
#2A3B6E |
rgb(42,59,110) |
hsl(225,45%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307A7F |
rgb(48,122,127) |
hsl(184,45%,34%) |
#2A696E |
rgb(42,105,110) |
hsl(184,45%,30%) |
#23595C |
rgb(35,89,92) |
hsl(183,45%,25%) |
#1C474A |
rgb(28,71,74) |
hsl(184,45%,20%) |
#153639 |
rgb(21,54,57) |
hsl(185,46%,15%) |
#0F2627 |
rgb(15,38,39) |
hsl(183,44%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A696E |
rgb(42,105,110) |
hsl(184,45%,30%) |
#6E2947 |
rgb(110,41,71) |
hsl(334,46%,30%) |
#6E522A |
rgb(110,82,42) |
hsl(35,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A696E |
rgb(42,105,110) |
hsl(184,45%,30%) |
#6E2E2A |
rgb(110,46,42) |
hsl(4,45%,30%) |
#2A6E51 |
rgb(42,110,81) |
hsl(154,45%,30%) |
#6E522A |
rgb(110,82,42) |
hsl(35,45%,30%) |