HEX #306971 color — Casal
The color #306971 is a dark shade and moderately saturated.
Palette
306971 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4fafa |
rgb(244,250,250) |
hsl(187,40%,97%) |
| #e2f1f3 |
rgb(226,241,243) |
hsl(187,40%,92%) |
| #d1e8eb |
rgb(209,232,235) |
hsl(187,40%,87%) |
| #bfdfe3 |
rgb(191,223,227) |
hsl(187,40%,82%) |
| #add6dc |
rgb(173,214,220) |
hsl(187,40%,77%) |
| #9bcdd4 |
rgb(155,205,212) |
hsl(187,40%,72%) |
| #89c5cd |
rgb(137,197,205) |
hsl(187,40%,67%) |
| #77bcc5 |
rgb(119,188,197) |
hsl(187,40%,62%) |
| #65b3bd |
rgb(101,179,189) |
hsl(187,40%,57%) |
| #54aab6 |
rgb(84,170,182) |
hsl(187,40%,52%) |
| #489da8 |
rgb(72,157,168) |
hsl(187,40%,47%) |
| #408c96 |
rgb(64,140,150) |
hsl(187,40%,42%) |
| #397b84 |
rgb(57,123,132) |
hsl(187,40%,37%) |
| #316b72 |
rgb(49,107,114) |
hsl(187,40%,32%) |
| #295a60 |
rgb(41,90,96) |
hsl(187,40%,27%) |
| #22494f |
rgb(34,73,79) |
hsl(187,40%,22%) |
| #1a393d |
rgb(26,57,61) |
hsl(187,40%,17%) |
| #12282b |
rgb(18,40,43) |
hsl(187,40%,12%) |
| #0b1719 |
rgb(11,23,25) |
hsl(187,40%,7%) |
| #030707 |
rgb(3,7,7) |
hsl(187,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30704D |
rgb(48,112,77) |
hsl(147,40%,31%) |
| #306971 |
rgb(48,105,113) |
hsl(187,40%,32%) |
| #303D71 |
rgb(48,61,113) |
hsl(228,40%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377A83 |
rgb(55,122,131) |
hsl(187,41%,36%) |
| #306971 |
rgb(48,105,113) |
hsl(187,40%,32%) |
| #28595E |
rgb(40,89,94) |
hsl(186,40%,26%) |
| #20474C |
rgb(32,71,76) |
hsl(187,41%,21%) |
| #18363A |
rgb(24,54,58) |
hsl(187,41%,16%) |
| #112628 |
rgb(17,38,40) |
hsl(185,40%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306971 |
rgb(48,105,113) |
hsl(187,40%,32%) |
| #713048 |
rgb(113,48,72) |
hsl(338,40%,32%) |
| #715930 |
rgb(113,89,48) |
hsl(38,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306971 |
rgb(48,105,113) |
hsl(187,40%,32%) |
| #713830 |
rgb(113,56,48) |
hsl(7,40%,32%) |
| #307058 |
rgb(48,112,88) |
hsl(158,40%,31%) |
| #715930 |
rgb(113,89,48) |
hsl(38,40%,32%) |
