HEX #316B71 color — Casal
The color #316B71 is a dark shade and moderately saturated.
Palette
316B71 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4fafa |
rgb(244,250,250) |
hsl(186,40%,97%) |
| #e2f1f3 |
rgb(226,241,243) |
hsl(186,40%,92%) |
| #d1e8eb |
rgb(209,232,235) |
hsl(186,40%,87%) |
| #bfe0e3 |
rgb(191,224,227) |
hsl(186,40%,82%) |
| #add7dc |
rgb(173,215,220) |
hsl(186,40%,77%) |
| #9bced4 |
rgb(155,206,212) |
hsl(186,40%,72%) |
| #89c6cd |
rgb(137,198,205) |
hsl(186,40%,67%) |
| #77bdc5 |
rgb(119,189,197) |
hsl(186,40%,62%) |
| #65b4bd |
rgb(101,180,189) |
hsl(186,40%,57%) |
| #54acb6 |
rgb(84,172,182) |
hsl(186,40%,52%) |
| #489ea8 |
rgb(72,158,168) |
hsl(186,40%,47%) |
| #408d96 |
rgb(64,141,150) |
hsl(186,40%,42%) |
| #397d84 |
rgb(57,125,132) |
hsl(186,40%,37%) |
| #316c72 |
rgb(49,108,114) |
hsl(186,40%,32%) |
| #295b60 |
rgb(41,91,96) |
hsl(186,40%,27%) |
| #224a4f |
rgb(34,74,79) |
hsl(186,40%,22%) |
| #1a393d |
rgb(26,57,61) |
hsl(186,40%,17%) |
| #12282b |
rgb(18,40,43) |
hsl(186,40%,12%) |
| #0b1819 |
rgb(11,24,25) |
hsl(186,40%,7%) |
| #030707 |
rgb(3,7,7) |
hsl(186,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31704C |
rgb(49,112,76) |
hsl(146,39%,32%) |
| #316B71 |
rgb(49,107,113) |
hsl(186,40%,32%) |
| #314071 |
rgb(49,64,113) |
hsl(226,40%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387D83 |
rgb(56,125,131) |
hsl(185,40%,37%) |
| #316B71 |
rgb(49,107,113) |
hsl(186,40%,32%) |
| #29595E |
rgb(41,89,94) |
hsl(186,39%,26%) |
| #214A4C |
rgb(33,74,76) |
hsl(183,39%,21%) |
| #19383A |
rgb(25,56,58) |
hsl(184,40%,16%) |
| #112628 |
rgb(17,38,40) |
hsl(185,40%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316B71 |
rgb(49,107,113) |
hsl(186,40%,32%) |
| #71304B |
rgb(113,48,75) |
hsl(335,40%,32%) |
| #715731 |
rgb(113,87,49) |
hsl(36,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316B71 |
rgb(49,107,113) |
hsl(186,40%,32%) |
| #713831 |
rgb(113,56,49) |
hsl(7,40%,32%) |
| #317057 |
rgb(49,112,87) |
hsl(156,39%,32%) |
| #715731 |
rgb(113,87,49) |
hsl(36,40%,32%) |
