HEX #314D71 color — San Juan
The color #314D71 is a dark shade and moderately saturated.
Palette
314D71 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7fa |
rgb(244,247,250) |
hsl(214,40%,97%) |
| #e2eaf3 |
rgb(226,234,243) |
hsl(214,40%,92%) |
| #d1dceb |
rgb(209,220,235) |
hsl(214,40%,87%) |
| #bfcfe3 |
rgb(191,207,227) |
hsl(214,40%,82%) |
| #adc1dc |
rgb(173,193,220) |
hsl(214,40%,77%) |
| #9bb4d4 |
rgb(155,180,212) |
hsl(214,40%,72%) |
| #89a6cd |
rgb(137,166,205) |
hsl(214,40%,67%) |
| #7799c5 |
rgb(119,153,197) |
hsl(214,40%,62%) |
| #658cbd |
rgb(101,140,189) |
hsl(214,40%,57%) |
| #547eb6 |
rgb(84,126,182) |
hsl(214,40%,52%) |
| #4871a8 |
rgb(72,113,168) |
hsl(214,40%,47%) |
| #406596 |
rgb(64,101,150) |
hsl(214,40%,42%) |
| #395984 |
rgb(57,89,132) |
hsl(214,40%,37%) |
| #314d72 |
rgb(49,77,114) |
hsl(214,40%,32%) |
| #294160 |
rgb(41,65,96) |
hsl(214,40%,27%) |
| #22354f |
rgb(34,53,79) |
hsl(214,40%,22%) |
| #1a293d |
rgb(26,41,61) |
hsl(214,40%,17%) |
| #121d2b |
rgb(18,29,43) |
hsl(214,40%,12%) |
| #0b1119 |
rgb(11,17,25) |
hsl(214,40%,7%) |
| #030507 |
rgb(3,5,7) |
hsl(214,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31706A |
rgb(49,112,106) |
hsl(174,39%,32%) |
| #314D71 |
rgb(49,77,113) |
hsl(214,40%,32%) |
| #3F3071 |
rgb(63,48,113) |
hsl(254,40%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385983 |
rgb(56,89,131) |
hsl(214,40%,37%) |
| #314D71 |
rgb(49,77,113) |
hsl(214,40%,32%) |
| #29405E |
rgb(41,64,94) |
hsl(214,39%,26%) |
| #21364C |
rgb(33,54,76) |
hsl(211,39%,21%) |
| #19293A |
rgb(25,41,58) |
hsl(211,40%,16%) |
| #111C28 |
rgb(17,28,40) |
hsl(211,40%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314D71 |
rgb(49,77,113) |
hsl(214,40%,32%) |
| #713631 |
rgb(113,54,49) |
hsl(5,40%,32%) |
| #6D7031 |
rgb(109,112,49) |
hsl(63,39%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314D71 |
rgb(49,77,113) |
hsl(214,40%,32%) |
| #715431 |
rgb(113,84,49) |
hsl(33,40%,32%) |
| #316E71 |
rgb(49,110,113) |
hsl(183,40%,32%) |
| #6D7031 |
rgb(109,112,49) |
hsl(63,39%,32%) |
