HEX #305A55 color — Spectra
The color #305a55 is a dark shade and slightly desaturated.
Palette
305a55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5faf9 |
rgb(245,250,249) |
hsl(173,30%,97%) |
| #e4f1ef |
rgb(228,241,239) |
hsl(173,30%,92%) |
| #d4e8e5 |
rgb(212,232,229) |
hsl(173,30%,87%) |
| #c3dfdc |
rgb(195,223,220) |
hsl(173,30%,82%) |
| #b3d6d2 |
rgb(179,214,210) |
hsl(173,30%,77%) |
| #a2cdc8 |
rgb(162,205,200) |
hsl(173,30%,72%) |
| #92c4be |
rgb(146,196,190) |
hsl(173,30%,67%) |
| #81bbb4 |
rgb(129,187,180) |
hsl(173,30%,62%) |
| #70b2ab |
rgb(112,178,171) |
hsl(173,30%,57%) |
| #60a9a1 |
rgb(96,169,161) |
hsl(173,30%,52%) |
| #549c93 |
rgb(84,156,147) |
hsl(173,30%,47%) |
| #4b8b84 |
rgb(75,139,132) |
hsl(173,30%,42%) |
| #427b74 |
rgb(66,123,116) |
hsl(173,30%,37%) |
| #396a64 |
rgb(57,106,100) |
hsl(173,30%,32%) |
| #305a55 |
rgb(48,90,85) |
hsl(173,30%,27%) |
| #274945 |
rgb(39,73,69) |
hsl(173,30%,22%) |
| #1e3835 |
rgb(30,56,53) |
hsl(173,30%,17%) |
| #152826 |
rgb(21,40,38) |
hsl(173,30%,12%) |
| #0c1716 |
rgb(12,23,22) |
hsl(173,30%,7%) |
| #040706 |
rgb(4,7,6) |
hsl(173,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305939 |
rgb(48,89,57) |
hsl(133,30%,27%) |
| #305A55 |
rgb(48,90,85) |
hsl(173,30%,27%) |
| #30425A |
rgb(48,66,90) |
hsl(214,30%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376962 |
rgb(55,105,98) |
hsl(172,31%,31%) |
| #305A55 |
rgb(48,90,85) |
hsl(173,30%,27%) |
| #284D47 |
rgb(40,77,71) |
hsl(170,32%,23%) |
| #203D39 |
rgb(32,61,57) |
hsl(172,31%,18%) |
| #182E2C |
rgb(24,46,44) |
hsl(175,31%,14%) |
| #11211E |
rgb(17,33,30) |
hsl(169,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305A55 |
rgb(48,90,85) |
hsl(173,30%,27%) |
| #5A304A |
rgb(90,48,74) |
hsl(323,30%,27%) |
| #5A4030 |
rgb(90,64,48) |
hsl(23,30%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305A55 |
rgb(48,90,85) |
hsl(173,30%,27%) |
| #5A3035 |
rgb(90,48,53) |
hsl(353,30%,27%) |
| #305940 |
rgb(48,89,64) |
hsl(143,30%,27%) |
| #5A4030 |
rgb(90,64,48) |
hsl(23,30%,27%) |
