HEX #305459 color — Spectra
The color #305459 is a dark shade and slightly desaturated.
Palette
305459 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f9fa |
rgb(245,249,250) |
hsl(187,30%,97%) |
| #e4eff1 |
rgb(228,239,241) |
hsl(187,30%,92%) |
| #d4e5e8 |
rgb(212,229,232) |
hsl(187,30%,87%) |
| #c3dcdf |
rgb(195,220,223) |
hsl(187,30%,82%) |
| #b3d2d6 |
rgb(179,210,214) |
hsl(187,30%,77%) |
| #a2c8cd |
rgb(162,200,205) |
hsl(187,30%,72%) |
| #92bec4 |
rgb(146,190,196) |
hsl(187,30%,67%) |
| #81b4bb |
rgb(129,180,187) |
hsl(187,30%,62%) |
| #70abb2 |
rgb(112,171,178) |
hsl(187,30%,57%) |
| #60a1a9 |
rgb(96,161,169) |
hsl(187,30%,52%) |
| #54939c |
rgb(84,147,156) |
hsl(187,30%,47%) |
| #4b848b |
rgb(75,132,139) |
hsl(187,30%,42%) |
| #42747b |
rgb(66,116,123) |
hsl(187,30%,37%) |
| #39646a |
rgb(57,100,106) |
hsl(187,30%,32%) |
| #30555a |
rgb(48,85,90) |
hsl(187,30%,27%) |
| #274549 |
rgb(39,69,73) |
hsl(187,30%,22%) |
| #1e3538 |
rgb(30,53,56) |
hsl(187,30%,17%) |
| #152628 |
rgb(21,38,40) |
hsl(187,30%,12%) |
| #0c1617 |
rgb(12,22,23) |
hsl(187,30%,7%) |
| #040607 |
rgb(4,6,7) |
hsl(187,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305942 |
rgb(48,89,66) |
hsl(146,30%,27%) |
| #305459 |
rgb(48,84,89) |
hsl(187,30%,27%) |
| #303859 |
rgb(48,56,89) |
hsl(228,30%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376167 |
rgb(55,97,103) |
hsl(188,30%,31%) |
| #305459 |
rgb(48,84,89) |
hsl(187,30%,27%) |
| #28474A |
rgb(40,71,74) |
hsl(185,30%,22%) |
| #20383C |
rgb(32,56,60) |
hsl(189,30%,18%) |
| #182B2E |
rgb(24,43,46) |
hsl(188,31%,14%) |
| #111F20 |
rgb(17,31,32) |
hsl(184,31%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305459 |
rgb(48,84,89) |
hsl(187,30%,27%) |
| #59303F |
rgb(89,48,63) |
hsl(338,30%,27%) |
| #594A30 |
rgb(89,74,48) |
hsl(38,30%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305459 |
rgb(48,84,89) |
hsl(187,30%,27%) |
| #593630 |
rgb(89,54,48) |
hsl(9,30%,27%) |
| #305949 |
rgb(48,89,73) |
hsl(157,30%,27%) |
| #594A30 |
rgb(89,74,48) |
hsl(38,30%,27%) |
