HEX #2A6670 color — Casal
The color #2A6670 is a dark shade and moderately saturated.
Palette
2A6670 color palette from light to dark
HEX |
RGB |
HSL |
#edf6f8 |
rgb(237,246,248) |
hsl(189,45%,95%) |
#daeef1 |
rgb(218,238,241) |
hsl(189,45%,90%) |
#c8e5ea |
rgb(200,229,234) |
hsl(189,45%,85%) |
#b5dce3 |
rgb(181,220,227) |
hsl(189,45%,80%) |
#a3d3dc |
rgb(163,211,220) |
hsl(189,45%,75%) |
#90cbd5 |
rgb(144,203,213) |
hsl(189,45%,70%) |
#7ec2ce |
rgb(126,194,206) |
hsl(189,45%,65%) |
#6bb9c7 |
rgb(107,185,199) |
hsl(189,45%,60%) |
#59b0c0 |
rgb(89,176,192) |
hsl(189,45%,55%) |
#46a8b9 |
rgb(70,168,185) |
hsl(189,45%,50%) |
#3f97a6 |
rgb(63,151,166) |
hsl(189,45%,45%) |
#388694 |
rgb(56,134,148) |
hsl(189,45%,40%) |
#317581 |
rgb(49,117,129) |
hsl(189,45%,35%) |
#2a656f |
rgb(42,101,111) |
hsl(189,45%,30%) |
#23545c |
rgb(35,84,92) |
hsl(189,45%,25%) |
#1c434a |
rgb(28,67,74) |
hsl(189,45%,20%) |
#153237 |
rgb(21,50,55) |
hsl(189,45%,15%) |
#0e2225 |
rgb(14,34,37) |
hsl(189,45%,10%) |
#071112 |
rgb(7,17,18) |
hsl(189,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A704B |
rgb(42,112,75) |
hsl(148,45%,30%) |
#2A6670 |
rgb(42,102,112) |
hsl(189,45%,30%) |
#2A3870 |
rgb(42,56,112) |
hsl(228,45%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307581 |
rgb(48,117,129) |
hsl(189,46%,35%) |
#2A6670 |
rgb(42,102,112) |
hsl(189,45%,30%) |
#23575E |
rgb(35,87,94) |
hsl(187,46%,25%) |
#1C454C |
rgb(28,69,76) |
hsl(189,46%,20%) |
#15363A |
rgb(21,54,58) |
hsl(186,47%,15%) |
#0F2428 |
rgb(15,36,40) |
hsl(190,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6670 |
rgb(42,102,112) |
hsl(189,45%,30%) |
#702943 |
rgb(112,41,67) |
hsl(338,46%,30%) |
#70572A |
rgb(112,87,42) |
hsl(39,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6670 |
rgb(42,102,112) |
hsl(189,45%,30%) |
#70332A |
rgb(112,51,42) |
hsl(8,45%,30%) |
#2A7057 |
rgb(42,112,87) |
hsl(159,45%,30%) |
#70572A |
rgb(112,87,42) |
hsl(39,45%,30%) |