HEX #305A54 color — Spectra
The color #305a54 is a dark shade and slightly desaturated.
Palette
305a54 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5faf9 |
rgb(245,250,249) |
hsl(171,30%,97%) |
| #e4f1ef |
rgb(228,241,239) |
hsl(171,30%,92%) |
| #d4e8e5 |
rgb(212,232,229) |
hsl(171,30%,87%) |
| #c3dfdb |
rgb(195,223,219) |
hsl(171,30%,82%) |
| #b3d6d1 |
rgb(179,214,209) |
hsl(171,30%,77%) |
| #a2cdc7 |
rgb(162,205,199) |
hsl(171,30%,72%) |
| #92c4bd |
rgb(146,196,189) |
hsl(171,30%,67%) |
| #81bbb2 |
rgb(129,187,178) |
hsl(171,30%,62%) |
| #70b2a8 |
rgb(112,178,168) |
hsl(171,30%,57%) |
| #60a99e |
rgb(96,169,158) |
hsl(171,30%,52%) |
| #549c91 |
rgb(84,156,145) |
hsl(171,30%,47%) |
| #4b8b82 |
rgb(75,139,130) |
hsl(171,30%,42%) |
| #427b72 |
rgb(66,123,114) |
hsl(171,30%,37%) |
| #396a63 |
rgb(57,106,99) |
hsl(171,30%,32%) |
| #305a53 |
rgb(48,90,83) |
hsl(171,30%,27%) |
| #274944 |
rgb(39,73,68) |
hsl(171,30%,22%) |
| #1e3834 |
rgb(30,56,52) |
hsl(171,30%,17%) |
| #152825 |
rgb(21,40,37) |
hsl(171,30%,12%) |
| #0c1716 |
rgb(12,23,22) |
hsl(171,30%,7%) |
| #040706 |
rgb(4,7,6) |
hsl(171,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305938 |
rgb(48,89,56) |
hsl(132,30%,27%) |
| #305A54 |
rgb(48,90,84) |
hsl(171,30%,27%) |
| #30455A |
rgb(48,69,90) |
hsl(210,30%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376961 |
rgb(55,105,97) |
hsl(170,31%,31%) |
| #305A54 |
rgb(48,90,84) |
hsl(171,30%,27%) |
| #284D46 |
rgb(40,77,70) |
hsl(169,32%,23%) |
| #203D39 |
rgb(32,61,57) |
hsl(172,31%,18%) |
| #182E2B |
rgb(24,46,43) |
hsl(172,31%,14%) |
| #11211E |
rgb(17,33,30) |
hsl(169,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305A54 |
rgb(48,90,84) |
hsl(171,30%,27%) |
| #5A304B |
rgb(90,48,75) |
hsl(321,30%,27%) |
| #5A4030 |
rgb(90,64,48) |
hsl(23,30%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305A54 |
rgb(48,90,84) |
hsl(171,30%,27%) |
| #5A3036 |
rgb(90,48,54) |
hsl(351,30%,27%) |
| #30593F |
rgb(48,89,63) |
hsl(142,30%,27%) |
| #5A4030 |
rgb(90,64,48) |
hsl(23,30%,27%) |
