HEX #314A63 color — San Juan
The color #314A63 is a dark shade and moderately saturated.
Palette
314A63 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,34%,99%) |
| #eaf0f5 |
rgb(234,240,245) |
hsl(210,34%,94%) |
| #d9e3ec |
rgb(217,227,236) |
hsl(210,34%,89%) |
| #c8d6e4 |
rgb(200,214,228) |
hsl(210,34%,84%) |
| #b7c9dc |
rgb(183,201,220) |
hsl(210,34%,79%) |
| #a6bdd3 |
rgb(166,189,211) |
hsl(210,34%,74%) |
| #95b0cb |
rgb(149,176,203) |
hsl(210,34%,69%) |
| #84a3c2 |
rgb(132,163,194) |
hsl(210,34%,64%) |
| #7396ba |
rgb(115,150,186) |
hsl(210,34%,59%) |
| #628ab2 |
rgb(98,138,178) |
hsl(210,34%,54%) |
| #527da7 |
rgb(82,125,167) |
hsl(210,34%,49%) |
| #4a7096 |
rgb(74,112,150) |
hsl(210,34%,44%) |
| #426385 |
rgb(66,99,133) |
hsl(210,34%,39%) |
| #395774 |
rgb(57,87,116) |
hsl(210,34%,34%) |
| #314a63 |
rgb(49,74,99) |
hsl(210,34%,29%) |
| #283d52 |
rgb(40,61,82) |
hsl(210,34%,24%) |
| #203041 |
rgb(32,48,65) |
hsl(210,34%,19%) |
| #182430 |
rgb(24,36,48) |
hsl(210,34%,14%) |
| #0f171f |
rgb(15,23,31) |
hsl(210,34%,9%) |
| #070a0e |
rgb(7,10,14) |
hsl(210,34%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31635A |
rgb(49,99,90) |
hsl(169,34%,29%) |
| #314A63 |
rgb(49,74,99) |
hsl(210,34%,29%) |
| #393063 |
rgb(57,48,99) |
hsl(251,35%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #385772 |
rgb(56,87,114) |
hsl(208,34%,33%) |
| #314A63 |
rgb(49,74,99) |
hsl(210,34%,29%) |
| #293D53 |
rgb(41,61,83) |
hsl(211,34%,24%) |
| #213343 |
rgb(33,51,67) |
hsl(208,34%,20%) |
| #192633 |
rgb(25,38,51) |
hsl(210,34%,15%) |
| #111A23 |
rgb(17,26,35) |
hsl(210,35%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314A63 |
rgb(49,74,99) |
hsl(210,34%,29%) |
| #633031 |
rgb(99,48,49) |
hsl(359,35%,29%) |
| #636331 |
rgb(99,99,49) |
hsl(60,34%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314A63 |
rgb(49,74,99) |
hsl(210,34%,29%) |
| #634A31 |
rgb(99,74,49) |
hsl(30,34%,29%) |
| #316363 |
rgb(49,99,99) |
hsl(180,34%,29%) |
| #636331 |
rgb(99,99,49) |
hsl(60,34%,29%) |
