HEX #314B72 color — San Juan
The color #314b72 is a dark shade and moderately saturated.
Palette
314b72 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fa |
rgb(244,247,250) |
hsl(216,40%,97%) |
#e2e9f3 |
rgb(226,233,243) |
hsl(216,40%,92%) |
#d1dbeb |
rgb(209,219,235) |
hsl(216,40%,87%) |
#bfcde3 |
rgb(191,205,227) |
hsl(216,40%,82%) |
#adc0dc |
rgb(173,192,220) |
hsl(216,40%,77%) |
#9bb2d4 |
rgb(155,178,212) |
hsl(216,40%,72%) |
#89a4cd |
rgb(137,164,205) |
hsl(216,40%,67%) |
#7796c5 |
rgb(119,150,197) |
hsl(216,40%,62%) |
#6589bd |
rgb(101,137,189) |
hsl(216,40%,57%) |
#547bb6 |
rgb(84,123,182) |
hsl(216,40%,52%) |
#486ea8 |
rgb(72,110,168) |
hsl(216,40%,47%) |
#406396 |
rgb(64,99,150) |
hsl(216,40%,42%) |
#395784 |
rgb(57,87,132) |
hsl(216,40%,37%) |
#314b72 |
rgb(49,75,114) |
hsl(216,40%,32%) |
#293f60 |
rgb(41,63,96) |
hsl(216,40%,27%) |
#22344f |
rgb(34,52,79) |
hsl(216,40%,22%) |
#1a283d |
rgb(26,40,61) |
hsl(216,40%,17%) |
#121c2b |
rgb(18,28,43) |
hsl(216,40%,12%) |
#0b1019 |
rgb(11,16,25) |
hsl(216,40%,7%) |
#030507 |
rgb(3,5,7) |
hsl(216,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31736D |
rgb(49,115,109) |
hsl(175,40%,32%) |
#314B72 |
rgb(49,75,114) |
hsl(216,40%,32%) |
#423072 |
rgb(66,48,114) |
hsl(256,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385784 |
rgb(56,87,132) |
hsl(216,40%,37%) |
#314B72 |
rgb(49,75,114) |
hsl(216,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 |
#314B72 |
rgb(49,75,114) |
hsl(216,40%,32%) |
#723831 |
rgb(114,56,49) |
hsl(6,40%,32%) |
#6B7331 |
rgb(107,115,49) |
hsl(67,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314B72 |
rgb(49,75,114) |
hsl(216,40%,32%) |
#725931 |
rgb(114,89,49) |
hsl(37,40%,32%) |
#316B72 |
rgb(49,107,114) |
hsl(186,40%,32%) |
#6B7331 |
rgb(107,115,49) |
hsl(67,40%,32%) |