HEX #315459 color — Spectra
The color #315459 is a dark shade and slightly desaturated.
Palette
315459 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f9fa |
rgb(245,249,250) |
hsl(188,29%,97%) |
| #e5eff1 |
rgb(229,239,241) |
hsl(188,29%,92%) |
| #d4e5e7 |
rgb(212,229,231) |
hsl(188,29%,87%) |
| #c4dbde |
rgb(196,219,222) |
hsl(188,29%,82%) |
| #b3d1d5 |
rgb(179,209,213) |
hsl(188,29%,77%) |
| #a3c7cc |
rgb(163,199,204) |
hsl(188,29%,72%) |
| #92bdc3 |
rgb(146,189,195) |
hsl(188,29%,67%) |
| #82b3ba |
rgb(130,179,186) |
hsl(188,29%,62%) |
| #72a9b1 |
rgb(114,169,177) |
hsl(188,29%,57%) |
| #619fa8 |
rgb(97,159,168) |
hsl(188,29%,52%) |
| #55919b |
rgb(85,145,155) |
hsl(188,29%,47%) |
| #4c828a |
rgb(76,130,138) |
hsl(188,29%,42%) |
| #43727a |
rgb(67,114,122) |
hsl(188,29%,37%) |
| #3a6369 |
rgb(58,99,105) |
hsl(188,29%,32%) |
| #315359 |
rgb(49,83,89) |
hsl(188,29%,27%) |
| #284448 |
rgb(40,68,72) |
hsl(188,29%,22%) |
| #1f3538 |
rgb(31,53,56) |
hsl(188,29%,17%) |
| #162527 |
rgb(22,37,39) |
hsl(188,29%,12%) |
| #0d1617 |
rgb(13,22,23) |
hsl(188,29%,7%) |
| #040607 |
rgb(4,6,7) |
hsl(188,29%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #315943 |
rgb(49,89,67) |
hsl(147,29%,27%) |
| #315459 |
rgb(49,84,89) |
hsl(188,29%,27%) |
| #313859 |
rgb(49,56,89) |
hsl(230,29%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #386167 |
rgb(56,97,103) |
hsl(188,30%,31%) |
| #315459 |
rgb(49,84,89) |
hsl(188,29%,27%) |
| #29474A |
rgb(41,71,74) |
hsl(185,29%,23%) |
| #21383C |
rgb(33,56,60) |
hsl(189,29%,18%) |
| #192B2E |
rgb(25,43,46) |
hsl(189,30%,14%) |
| #111F20 |
rgb(17,31,32) |
hsl(184,31%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315459 |
rgb(49,84,89) |
hsl(188,29%,27%) |
| #593040 |
rgb(89,48,64) |
hsl(337,30%,27%) |
| #594A31 |
rgb(89,74,49) |
hsl(38,29%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315459 |
rgb(49,84,89) |
hsl(188,29%,27%) |
| #593631 |
rgb(89,54,49) |
hsl(8,29%,27%) |
| #31594A |
rgb(49,89,74) |
hsl(158,29%,27%) |
| #594A31 |
rgb(89,74,49) |
hsl(38,29%,27%) |
