HEX #314E72 color — San Juan
The color #314e72 is a dark shade and moderately saturated.
Palette
314e72 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7fa |
rgb(244,247,250) |
hsl(213,40%,97%) |
| #e2eaf3 |
rgb(226,234,243) |
hsl(213,40%,92%) |
| #d1ddeb |
rgb(209,221,235) |
hsl(213,40%,87%) |
| #bfcfe3 |
rgb(191,207,227) |
hsl(213,40%,82%) |
| #adc2dc |
rgb(173,194,220) |
hsl(213,40%,77%) |
| #9bb5d4 |
rgb(155,181,212) |
hsl(213,40%,72%) |
| #89a7cd |
rgb(137,167,205) |
hsl(213,40%,67%) |
| #779ac5 |
rgb(119,154,197) |
hsl(213,40%,62%) |
| #658dbd |
rgb(101,141,189) |
hsl(213,40%,57%) |
| #5480b6 |
rgb(84,128,182) |
hsl(213,40%,52%) |
| #4873a8 |
rgb(72,115,168) |
hsl(213,40%,47%) |
| #406796 |
rgb(64,103,150) |
hsl(213,40%,42%) |
| #395b84 |
rgb(57,91,132) |
hsl(213,40%,37%) |
| #314e72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #294260 |
rgb(41,66,96) |
hsl(213,40%,27%) |
| #22364f |
rgb(34,54,79) |
hsl(213,40%,22%) |
| #1a2a3d |
rgb(26,42,61) |
hsl(213,40%,17%) |
| #121d2b |
rgb(18,29,43) |
hsl(213,40%,12%) |
| #0b1119 |
rgb(11,17,25) |
hsl(213,40%,7%) |
| #030507 |
rgb(3,5,7) |
hsl(213,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31736A |
rgb(49,115,106) |
hsl(172,40%,32%) |
| #314E72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #3F3072 |
rgb(63,48,114) |
hsl(254,41%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385984 |
rgb(56,89,132) |
hsl(214,40%,37%) |
| #314E72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #29425F |
rgb(41,66,95) |
hsl(212,40%,27%) |
| #21364D |
rgb(33,54,77) |
hsl(211,40%,22%) |
| #19293B |
rgb(25,41,59) |
hsl(212,40%,16%) |
| #111C29 |
rgb(17,28,41) |
hsl(213,41%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314E72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #723631 |
rgb(114,54,49) |
hsl(5,40%,32%) |
| #6E7331 |
rgb(110,115,49) |
hsl(65,40%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314E72 |
rgb(49,78,114) |
hsl(213,40%,32%) |
| #725431 |
rgb(114,84,49) |
hsl(32,40%,32%) |
| #316E72 |
rgb(49,110,114) |
hsl(184,40%,32%) |
| #6E7331 |
rgb(110,115,49) |
hsl(65,40%,32%) |
