HEX #314C72 color — San Juan
The color #314c72 is a dark shade and moderately saturated.
Palette
314c72 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7fa |
rgb(244,247,250) |
hsl(215,40%,97%) |
| #e2e9f3 |
rgb(226,233,243) |
hsl(215,40%,92%) |
| #d1dceb |
rgb(209,220,235) |
hsl(215,40%,87%) |
| #bfcee3 |
rgb(191,206,227) |
hsl(215,40%,82%) |
| #adc0dc |
rgb(173,192,220) |
hsl(215,40%,77%) |
| #9bb3d4 |
rgb(155,179,212) |
hsl(215,40%,72%) |
| #89a5cd |
rgb(137,165,205) |
hsl(215,40%,67%) |
| #7798c5 |
rgb(119,152,197) |
hsl(215,40%,62%) |
| #658abd |
rgb(101,138,189) |
hsl(215,40%,57%) |
| #547cb6 |
rgb(84,124,182) |
hsl(215,40%,52%) |
| #4870a8 |
rgb(72,112,168) |
hsl(215,40%,47%) |
| #406496 |
rgb(64,100,150) |
hsl(215,40%,42%) |
| #395884 |
rgb(57,88,132) |
hsl(215,40%,37%) |
| #314c72 |
rgb(49,76,114) |
hsl(215,40%,32%) |
| #294060 |
rgb(41,64,96) |
hsl(215,40%,27%) |
| #22344f |
rgb(34,52,79) |
hsl(215,40%,22%) |
| #1a283d |
rgb(26,40,61) |
hsl(215,40%,17%) |
| #121d2b |
rgb(18,29,43) |
hsl(215,40%,12%) |
| #0b1119 |
rgb(11,17,25) |
hsl(215,40%,7%) |
| #030507 |
rgb(3,5,7) |
hsl(215,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31736C |
rgb(49,115,108) |
hsl(174,40%,32%) |
| #314C72 |
rgb(49,76,114) |
hsl(215,40%,32%) |
| #413072 |
rgb(65,48,114) |
hsl(255,41%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385984 |
rgb(56,89,132) |
hsl(214,40%,37%) |
| #314C72 |
rgb(49,76,114) |
hsl(215,40%,32%) |
| #29405F |
rgb(41,64,95) |
hsl(214,40%,27%) |
| #21334D |
rgb(33,51,77) |
hsl(215,40%,22%) |
| #19263B |
rgb(25,38,59) |
hsl(217,40%,16%) |
| #111C29 |
rgb(17,28,41) |
hsl(213,41%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314C72 |
rgb(49,76,114) |
hsl(215,40%,32%) |
| #723631 |
rgb(114,54,49) |
hsl(5,40%,32%) |
| #6C7331 |
rgb(108,115,49) |
hsl(66,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314C72 |
rgb(49,76,114) |
hsl(215,40%,32%) |
| #725731 |
rgb(114,87,49) |
hsl(35,40%,32%) |
| #316E72 |
rgb(49,110,114) |
hsl(184,40%,32%) |
| #6C7331 |
rgb(108,115,49) |
hsl(66,40%,32%) |
