HEX #305C59 color — Spectra
The color #305C59 is a dark shade and slightly desaturated.
Palette
305C59 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5faf9 |
rgb(245,250,249) |
hsl(176,31%,97%) |
| #e4f1f0 |
rgb(228,241,240) |
hsl(176,31%,92%) |
| #d4e8e7 |
rgb(212,232,231) |
hsl(176,31%,87%) |
| #c3dfdd |
rgb(195,223,221) |
hsl(176,31%,82%) |
| #b2d7d4 |
rgb(178,215,212) |
hsl(176,31%,77%) |
| #a1cecb |
rgb(161,206,203) |
hsl(176,31%,72%) |
| #91c5c1 |
rgb(145,197,193) |
hsl(176,31%,67%) |
| #80bcb8 |
rgb(128,188,184) |
hsl(176,31%,62%) |
| #6fb3af |
rgb(111,179,175) |
hsl(176,31%,57%) |
| #5faba5 |
rgb(95,171,165) |
hsl(176,31%,52%) |
| #539d98 |
rgb(83,157,152) |
hsl(176,31%,47%) |
| #4a8c88 |
rgb(74,140,136) |
hsl(176,31%,42%) |
| #417c78 |
rgb(65,124,120) |
hsl(176,31%,37%) |
| #386b68 |
rgb(56,107,104) |
hsl(176,31%,32%) |
| #305a57 |
rgb(48,90,87) |
hsl(176,31%,27%) |
| #274947 |
rgb(39,73,71) |
hsl(176,31%,22%) |
| #1e3937 |
rgb(30,57,55) |
hsl(176,31%,17%) |
| #152827 |
rgb(21,40,39) |
hsl(176,31%,12%) |
| #0c1717 |
rgb(12,23,23) |
hsl(176,31%,7%) |
| #040706 |
rgb(4,7,6) |
hsl(176,31%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305C3B |
rgb(48,92,59) |
hsl(135,31%,27%) |
| #305C59 |
rgb(48,92,89) |
hsl(176,31%,27%) |
| #30425C |
rgb(48,66,92) |
hsl(215,31%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376B67 |
rgb(55,107,103) |
hsl(175,32%,32%) |
| #305C59 |
rgb(48,92,89) |
hsl(176,31%,27%) |
| #284D4A |
rgb(40,77,74) |
hsl(175,32%,23%) |
| #20403C |
rgb(32,64,60) |
hsl(173,33%,19%) |
| #18302E |
rgb(24,48,46) |
hsl(175,33%,14%) |
| #112120 |
rgb(17,33,32) |
hsl(176,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305C59 |
rgb(48,92,89) |
hsl(176,31%,27%) |
| #5C3049 |
rgb(92,48,73) |
hsl(326,31%,27%) |
| #5C4230 |
rgb(92,66,48) |
hsl(25,31%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305C59 |
rgb(48,92,89) |
hsl(176,31%,27%) |
| #5C3033 |
rgb(92,48,51) |
hsl(356,31%,27%) |
| #305C43 |
rgb(48,92,67) |
hsl(146,31%,27%) |
| #5C4230 |
rgb(92,66,48) |
hsl(25,31%,27%) |
