HEX #305F56 color — Spectra
The color #305f56 is a dark shade and slightly desaturated.
Palette
305f56 color palette from light to dark
HEX |
RGB |
HSL |
#f8fcfb |
rgb(248,252,251) |
hsl(169,33%,98%) |
#e7f3f1 |
rgb(231,243,241) |
hsl(169,33%,93%) |
#d6eae7 |
rgb(214,234,231) |
hsl(169,33%,88%) |
#c5e2dd |
rgb(197,226,221) |
hsl(169,33%,83%) |
#b4d9d3 |
rgb(180,217,211) |
hsl(169,33%,78%) |
#a3d1c9 |
rgb(163,209,201) |
hsl(169,33%,73%) |
#92c8be |
rgb(146,200,190) |
hsl(169,33%,68%) |
#82c0b4 |
rgb(130,192,180) |
hsl(169,33%,63%) |
#71b7aa |
rgb(113,183,170) |
hsl(169,33%,58%) |
#60afa0 |
rgb(96,175,160) |
hsl(169,33%,53%) |
#52a394 |
rgb(82,163,148) |
hsl(169,33%,48%) |
#499285 |
rgb(73,146,133) |
hsl(169,33%,43%) |
#418175 |
rgb(65,129,117) |
hsl(169,33%,38%) |
#387066 |
rgb(56,112,102) |
hsl(169,33%,33%) |
#305f56 |
rgb(48,95,86) |
hsl(169,33%,28%) |
#274e47 |
rgb(39,78,71) |
hsl(169,33%,23%) |
#1f3d37 |
rgb(31,61,55) |
hsl(169,33%,18%) |
#162c28 |
rgb(22,44,40) |
hsl(169,33%,13%) |
#0e1b19 |
rgb(14,27,25) |
hsl(169,33%,8%) |
#050a09 |
rgb(5,10,9) |
hsl(169,33%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#305E36 |
rgb(48,94,54) |
hsl(128,32%,28%) |
#305F56 |
rgb(48,95,86) |
hsl(169,33%,28%) |
#30475F |
rgb(48,71,95) |
hsl(211,33%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E63 |
rgb(55,110,99) |
hsl(168,33%,32%) |
#305F56 |
rgb(48,95,86) |
hsl(169,33%,28%) |
#284F48 |
rgb(40,79,72) |
hsl(169,33%,23%) |
#20403A |
rgb(32,64,58) |
hsl(169,33%,19%) |
#18302C |
rgb(24,48,44) |
hsl(170,33%,14%) |
#11211E |
rgb(17,33,30) |
hsl(169,32%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#305F56 |
rgb(48,95,86) |
hsl(169,33%,28%) |
#5F3050 |
rgb(95,48,80) |
hsl(319,33%,28%) |
#5F4030 |
rgb(95,64,48) |
hsl(20,33%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305F56 |
rgb(48,95,86) |
hsl(169,33%,28%) |
#5F3039 |
rgb(95,48,57) |
hsl(349,33%,28%) |
#305E3E |
rgb(48,94,62) |
hsl(138,32%,28%) |
#5F4030 |
rgb(95,64,48) |
hsl(20,33%,28%) |