HEX #314C68 color — San Juan
The color #314c68 is a dark shade and moderately saturated.
Palette
314c68 color palette from light to dark
HEX |
RGB |
HSL |
#eef2f7 |
rgb(238,242,247) |
hsl(211,36%,95%) |
#dce5ef |
rgb(220,229,239) |
hsl(211,36%,90%) |
#cbd8e7 |
rgb(203,216,231) |
hsl(211,36%,85%) |
#bacbde |
rgb(186,203,222) |
hsl(211,36%,80%) |
#a8bed6 |
rgb(168,190,214) |
hsl(211,36%,75%) |
#97b2ce |
rgb(151,178,206) |
hsl(211,36%,70%) |
#86a5c6 |
rgb(134,165,198) |
hsl(211,36%,65%) |
#7498be |
rgb(116,152,190) |
hsl(211,36%,60%) |
#638bb6 |
rgb(99,139,182) |
hsl(211,36%,55%) |
#527ead |
rgb(82,126,173) |
hsl(211,36%,50%) |
#49719c |
rgb(73,113,156) |
hsl(211,36%,45%) |
#41658b |
rgb(65,101,139) |
hsl(211,36%,40%) |
#395879 |
rgb(57,88,121) |
hsl(211,36%,35%) |
#314c68 |
rgb(49,76,104) |
hsl(211,36%,30%) |
#293f57 |
rgb(41,63,87) |
hsl(211,36%,25%) |
#213245 |
rgb(33,50,69) |
hsl(211,36%,20%) |
#182634 |
rgb(24,38,52) |
hsl(211,36%,15%) |
#101923 |
rgb(16,25,35) |
hsl(211,36%,10%) |
#080d11 |
rgb(8,13,17) |
hsl(211,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31695F |
rgb(49,105,95) |
hsl(169,36%,30%) |
#314C68 |
rgb(49,76,104) |
hsl(211,36%,30%) |
#3A3068 |
rgb(58,48,104) |
hsl(251,37%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385978 |
rgb(56,89,120) |
hsl(209,36%,35%) |
#314C68 |
rgb(49,76,104) |
hsl(211,36%,30%) |
#294057 |
rgb(41,64,87) |
hsl(210,36%,25%) |
#213346 |
rgb(33,51,70) |
hsl(211,36%,20%) |
#192636 |
rgb(25,38,54) |
hsl(213,37%,15%) |
#111C25 |
rgb(17,28,37) |
hsl(207,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#314C68 |
rgb(49,76,104) |
hsl(211,36%,30%) |
#683031 |
rgb(104,48,49) |
hsl(359,37%,30%) |
#676931 |
rgb(103,105,49) |
hsl(62,36%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314C68 |
rgb(49,76,104) |
hsl(211,36%,30%) |
#684D31 |
rgb(104,77,49) |
hsl(31,36%,30%) |
#316968 |
rgb(49,105,104) |
hsl(179,36%,30%) |
#676931 |
rgb(103,105,49) |
hsl(62,36%,30%) |