HEX #314F70 color — San Juan
The color #314F70 is a dark shade and moderately saturated.
Palette
314F70 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7fa |
rgb(244,247,250) |
hsl(211,39%,97%) |
| #e3eaf3 |
rgb(227,234,243) |
hsl(211,39%,92%) |
| #d1ddeb |
rgb(209,221,235) |
hsl(211,39%,87%) |
| #bfd1e3 |
rgb(191,209,227) |
hsl(211,39%,82%) |
| #adc4db |
rgb(173,196,219) |
hsl(211,39%,77%) |
| #9cb7d3 |
rgb(156,183,211) |
hsl(211,39%,72%) |
| #8aaacc |
rgb(138,170,204) |
hsl(211,39%,67%) |
| #789dc4 |
rgb(120,157,196) |
hsl(211,39%,62%) |
| #6790bc |
rgb(103,144,188) |
hsl(211,39%,57%) |
| #5583b4 |
rgb(85,131,180) |
hsl(211,39%,52%) |
| #4976a7 |
rgb(73,118,167) |
hsl(211,39%,47%) |
| #416a95 |
rgb(65,106,149) |
hsl(211,39%,42%) |
| #3a5d83 |
rgb(58,93,131) |
hsl(211,39%,37%) |
| #325171 |
rgb(50,81,113) |
hsl(211,39%,32%) |
| #2a4460 |
rgb(42,68,96) |
hsl(211,39%,27%) |
| #22374e |
rgb(34,55,78) |
hsl(211,39%,22%) |
| #1a2b3c |
rgb(26,43,60) |
hsl(211,39%,17%) |
| #131e2b |
rgb(19,30,43) |
hsl(211,39%,12%) |
| #0b1219 |
rgb(11,18,25) |
hsl(211,39%,7%) |
| #030507 |
rgb(3,5,7) |
hsl(211,39%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #317067 |
rgb(49,112,103) |
hsl(171,39%,32%) |
| #314F70 |
rgb(49,79,112) |
hsl(211,39%,32%) |
| #3D3070 |
rgb(61,48,112) |
hsl(252,40%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385C81 |
rgb(56,92,129) |
hsl(210,39%,36%) |
| #314F70 |
rgb(49,79,112) |
hsl(211,39%,32%) |
| #29425E |
rgb(41,66,94) |
hsl(212,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 |
| #314F70 |
rgb(49,79,112) |
hsl(211,39%,32%) |
| #703331 |
rgb(112,51,49) |
hsl(2,39%,32%) |
| #6E7031 |
rgb(110,112,49) |
hsl(62,39%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314F70 |
rgb(49,79,112) |
hsl(211,39%,32%) |
| #705231 |
rgb(112,82,49) |
hsl(31,39%,32%) |
| #316E70 |
rgb(49,110,112) |
hsl(182,39%,32%) |
| #6E7031 |
rgb(110,112,49) |
hsl(62,39%,32%) |
