HEX #313E72 color — San Juan
The color #313e72 is a dark shade and moderately saturated.
Palette
313e72 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fa |
rgb(244,246,250) |
hsl(228,40%,97%) |
#e2e6f3 |
rgb(226,230,243) |
hsl(228,40%,92%) |
#d1d6eb |
rgb(209,214,235) |
hsl(228,40%,87%) |
#bfc6e3 |
rgb(191,198,227) |
hsl(228,40%,82%) |
#adb6dc |
rgb(173,182,220) |
hsl(228,40%,77%) |
#9ba6d4 |
rgb(155,166,212) |
hsl(228,40%,72%) |
#8997cd |
rgb(137,151,205) |
hsl(228,40%,67%) |
#7787c5 |
rgb(119,135,197) |
hsl(228,40%,62%) |
#6577bd |
rgb(101,119,189) |
hsl(228,40%,57%) |
#5467b6 |
rgb(84,103,182) |
hsl(228,40%,52%) |
#485ba8 |
rgb(72,91,168) |
hsl(228,40%,47%) |
#405196 |
rgb(64,81,150) |
hsl(228,40%,42%) |
#394884 |
rgb(57,72,132) |
hsl(228,40%,37%) |
#313e72 |
rgb(49,62,114) |
hsl(228,40%,32%) |
#293460 |
rgb(41,52,96) |
hsl(228,40%,27%) |
#222b4f |
rgb(34,43,79) |
hsl(228,40%,22%) |
#1a213d |
rgb(26,33,61) |
hsl(228,40%,17%) |
#12172b |
rgb(18,23,43) |
hsl(228,40%,12%) |
#0b0e19 |
rgb(11,14,25) |
hsl(228,40%,7%) |
#030407 |
rgb(3,4,7) |
hsl(228,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#316972 |
rgb(49,105,114) |
hsl(188,40%,32%) |
#313E72 |
rgb(49,62,114) |
hsl(228,40%,32%) |
#4F3072 |
rgb(79,48,114) |
hsl(268,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384784 |
rgb(56,71,132) |
hsl(228,40%,37%) |
#313E72 |
rgb(49,62,114) |
hsl(228,40%,32%) |
#29335F |
rgb(41,51,95) |
hsl(229,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 |
#313E72 |
rgb(49,62,114) |
hsl(228,40%,32%) |
#724531 |
rgb(114,69,49) |
hsl(18,40%,32%) |
#5E7331 |
rgb(94,115,49) |
hsl(79,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313E72 |
rgb(49,62,114) |
hsl(228,40%,32%) |
#726631 |
rgb(114,102,49) |
hsl(49,40%,32%) |
#315E72 |
rgb(49,94,114) |
hsl(198,40%,32%) |
#5E7331 |
rgb(94,115,49) |
hsl(79,40%,32%) |