HEX #314172 color — San Juan
The color #314172 is a dark shade and moderately saturated.
Palette
314172 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f6fa |
rgb(244,246,250) |
hsl(225,40%,97%) |
| #e2e7f3 |
rgb(226,231,243) |
hsl(225,40%,92%) |
| #d1d7eb |
rgb(209,215,235) |
hsl(225,40%,87%) |
| #bfc8e3 |
rgb(191,200,227) |
hsl(225,40%,82%) |
| #adb9dc |
rgb(173,185,220) |
hsl(225,40%,77%) |
| #9ba9d4 |
rgb(155,169,212) |
hsl(225,40%,72%) |
| #899acd |
rgb(137,154,205) |
hsl(225,40%,67%) |
| #778bc5 |
rgb(119,139,197) |
hsl(225,40%,62%) |
| #657bbd |
rgb(101,123,189) |
hsl(225,40%,57%) |
| #546cb6 |
rgb(84,108,182) |
hsl(225,40%,52%) |
| #4860a8 |
rgb(72,96,168) |
hsl(225,40%,47%) |
| #405696 |
rgb(64,86,150) |
hsl(225,40%,42%) |
| #394b84 |
rgb(57,75,132) |
hsl(225,40%,37%) |
| #314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
| #293760 |
rgb(41,55,96) |
hsl(225,40%,27%) |
| #222d4f |
rgb(34,45,79) |
hsl(225,40%,22%) |
| #1a233d |
rgb(26,35,61) |
hsl(225,40%,17%) |
| #12182b |
rgb(18,24,43) |
hsl(225,40%,12%) |
| #0b0e19 |
rgb(11,14,25) |
hsl(225,40%,7%) |
| #030407 |
rgb(3,4,7) |
hsl(225,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316B72 |
rgb(49,107,114) |
hsl(186,40%,32%) |
| #314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
| #4C3072 |
rgb(76,48,114) |
hsl(265,41%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #384D84 |
rgb(56,77,132) |
hsl(223,40%,37%) |
| #314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
| #29365F |
rgb(41,54,95) |
hsl(226,40%,27%) |
| #212B4D |
rgb(33,43,77) |
hsl(226,40%,22%) |
| #19213B |
rgb(25,33,59) |
hsl(226,40%,16%) |
| #111729 |
rgb(17,23,41) |
hsl(225,41%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
| #724231 |
rgb(114,66,49) |
hsl(16,40%,32%) |
| #617331 |
rgb(97,115,49) |
hsl(76,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
| #726131 |
rgb(114,97,49) |
hsl(44,40%,32%) |
| #316172 |
rgb(49,97,114) |
hsl(196,40%,32%) |
| #617331 |
rgb(97,115,49) |
hsl(76,40%,32%) |
