HEX #314766 color — San Juan
The color #314766 is a dark shade and moderately saturated.
Palette
314766 color palette from light to dark
HEX |
RGB |
HSL |
#eef2f7 |
rgb(238,242,247) |
hsl(215,35%,95%) |
#dde4ee |
rgb(221,228,238) |
hsl(215,35%,90%) |
#cbd7e6 |
rgb(203,215,230) |
hsl(215,35%,85%) |
#bac9de |
rgb(186,201,222) |
hsl(215,35%,80%) |
#a9bcd6 |
rgb(169,188,214) |
hsl(215,35%,75%) |
#98aecd |
rgb(152,174,205) |
hsl(215,35%,70%) |
#87a1c5 |
rgb(135,161,197) |
hsl(215,35%,65%) |
#7593bd |
rgb(117,147,189) |
hsl(215,35%,60%) |
#6486b4 |
rgb(100,134,180) |
hsl(215,35%,55%) |
#5378ac |
rgb(83,120,172) |
hsl(215,35%,50%) |
#4b6c9b |
rgb(75,108,155) |
hsl(215,35%,45%) |
#42608a |
rgb(66,96,138) |
hsl(215,35%,40%) |
#3a5478 |
rgb(58,84,120) |
hsl(215,35%,35%) |
#324867 |
rgb(50,72,103) |
hsl(215,35%,30%) |
#293c56 |
rgb(41,60,86) |
hsl(215,35%,25%) |
#213045 |
rgb(33,48,69) |
hsl(215,35%,20%) |
#192434 |
rgb(25,36,52) |
hsl(215,35%,15%) |
#111822 |
rgb(17,24,34) |
hsl(215,35%,10%) |
#080c11 |
rgb(8,12,17) |
hsl(215,35%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#316661 |
rgb(49,102,97) |
hsl(174,35%,30%) |
#314766 |
rgb(49,71,102) |
hsl(215,35%,30%) |
#3E3066 |
rgb(62,48,102) |
hsl(256,36%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385276 |
rgb(56,82,118) |
hsl(215,36%,34%) |
#314766 |
rgb(49,71,102) |
hsl(215,35%,30%) |
#293B55 |
rgb(41,59,85) |
hsl(215,35%,25%) |
#213045 |
rgb(33,48,69) |
hsl(215,35%,20%) |
#192435 |
rgb(25,36,53) |
hsl(216,36%,15%) |
#111A24 |
rgb(17,26,36) |
hsl(212,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#314766 |
rgb(49,71,102) |
hsl(215,35%,30%) |
#663631 |
rgb(102,54,49) |
hsl(6,35%,30%) |
#616631 |
rgb(97,102,49) |
hsl(66,35%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314766 |
rgb(49,71,102) |
hsl(215,35%,30%) |
#664F31 |
rgb(102,79,49) |
hsl(34,35%,30%) |
#316166 |
rgb(49,97,102) |
hsl(186,35%,30%) |
#616631 |
rgb(97,102,49) |
hsl(66,35%,30%) |