HEX #315756 color — Spectra
The color #315756 is a dark shade and slightly desaturated.
Palette
315756 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(178,28%,97%) |
#e5f0f0 |
rgb(229,240,240) |
hsl(178,28%,92%) |
#d5e7e7 |
rgb(213,231,231) |
hsl(178,28%,87%) |
#c4dedd |
rgb(196,222,221) |
hsl(178,28%,82%) |
#b4d5d4 |
rgb(180,213,212) |
hsl(178,28%,77%) |
#a4ccca |
rgb(164,204,202) |
hsl(178,28%,72%) |
#93c2c1 |
rgb(147,194,193) |
hsl(178,28%,67%) |
#83b9b7 |
rgb(131,185,183) |
hsl(178,28%,62%) |
#73b0ae |
rgb(115,176,174) |
hsl(178,28%,57%) |
#62a7a5 |
rgb(98,167,165) |
hsl(178,28%,52%) |
#569997 |
rgb(86,153,151) |
hsl(178,28%,47%) |
#4d8987 |
rgb(77,137,135) |
hsl(178,28%,42%) |
#447977 |
rgb(68,121,119) |
hsl(178,28%,37%) |
#3b6867 |
rgb(59,104,103) |
hsl(178,28%,32%) |
#325857 |
rgb(50,88,87) |
hsl(178,28%,27%) |
#284847 |
rgb(40,72,71) |
hsl(178,28%,22%) |
#1f3737 |
rgb(31,55,55) |
hsl(178,28%,17%) |
#162727 |
rgb(22,39,39) |
hsl(178,28%,12%) |
#0d1717 |
rgb(13,23,23) |
hsl(178,28%,7%) |
#040706 |
rgb(4,7,6) |
hsl(178,28%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31573C |
rgb(49,87,60) |
hsl(137,28%,27%) |
#315756 |
rgb(49,87,86) |
hsl(178,28%,27%) |
#314057 |
rgb(49,64,87) |
hsl(216,28%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386663 |
rgb(56,102,99) |
hsl(176,29%,31%) |
#315756 |
rgb(49,87,86) |
hsl(178,28%,27%) |
#294A48 |
rgb(41,74,72) |
hsl(176,29%,23%) |
#213B3A |
rgb(33,59,58) |
hsl(178,28%,18%) |
#192E2C |
rgb(25,46,44) |
hsl(174,30%,14%) |
#111F1E |
rgb(17,31,30) |
hsl(176,29%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#315756 |
rgb(49,87,86) |
hsl(178,28%,27%) |
#573045 |
rgb(87,48,69) |
hsl(328,29%,26%) |
#574231 |
rgb(87,66,49) |
hsl(27,28%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315756 |
rgb(49,87,86) |
hsl(178,28%,27%) |
#573032 |
rgb(87,48,50) |
hsl(357,29%,26%) |
#315743 |
rgb(49,87,67) |
hsl(148,28%,27%) |
#574231 |
rgb(87,66,49) |
hsl(27,28%,27%) |