HEX #316172 color — Casal
The color #316172 is a dark shade and moderately saturated.
Palette
316172 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f9fa |
rgb(244,249,250) |
hsl(196,40%,97%) |
| #e2eef3 |
rgb(226,238,243) |
hsl(196,40%,92%) |
| #d1e4eb |
rgb(209,228,235) |
hsl(196,40%,87%) |
| #bfdae3 |
rgb(191,218,227) |
hsl(196,40%,82%) |
| #adcfdc |
rgb(173,207,220) |
hsl(196,40%,77%) |
| #9bc5d4 |
rgb(155,197,212) |
hsl(196,40%,72%) |
| #89bbcd |
rgb(137,187,205) |
hsl(196,40%,67%) |
| #77b0c5 |
rgb(119,176,197) |
hsl(196,40%,62%) |
| #65a6bd |
rgb(101,166,189) |
hsl(196,40%,57%) |
| #549bb6 |
rgb(84,155,182) |
hsl(196,40%,52%) |
| #488ea8 |
rgb(72,142,168) |
hsl(196,40%,47%) |
| #407f96 |
rgb(64,127,150) |
hsl(196,40%,42%) |
| #397084 |
rgb(57,112,132) |
hsl(196,40%,37%) |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #295260 |
rgb(41,82,96) |
hsl(196,40%,27%) |
| #22434f |
rgb(34,67,79) |
hsl(196,40%,22%) |
| #1a333d |
rgb(26,51,61) |
hsl(196,40%,17%) |
| #12242b |
rgb(18,36,43) |
hsl(196,40%,12%) |
| #0b1519 |
rgb(11,21,25) |
hsl(196,40%,7%) |
| #030607 |
rgb(3,6,7) |
hsl(196,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #317357 |
rgb(49,115,87) |
hsl(155,40%,32%) |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #313672 |
rgb(49,54,114) |
hsl(235,40%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #387084 |
rgb(56,112,132) |
hsl(196,40%,37%) |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #29525F |
rgb(41,82,95) |
hsl(194,40%,27%) |
| #21424D |
rgb(33,66,77) |
hsl(195,40%,22%) |
| #19333B |
rgb(25,51,59) |
hsl(194,40%,16%) |
| #112429 |
rgb(17,36,41) |
hsl(193,41%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #723040 |
rgb(114,48,64) |
hsl(345,41%,32%) |
| #726331 |
rgb(114,99,49) |
hsl(46,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #724231 |
rgb(114,66,49) |
hsl(16,40%,32%) |
| #317362 |
rgb(49,115,98) |
hsl(165,40%,32%) |
| #726331 |
rgb(114,99,49) |
hsl(46,40%,32%) |
