HEX #335E63 color — Spectra
The color #335E63 is a dark shade and slightly desaturated.
Palette
335E63 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(186,32%,99%) |
| #ebf4f5 |
rgb(235,244,245) |
hsl(186,32%,94%) |
| #daeaec |
rgb(218,234,236) |
hsl(186,32%,89%) |
| #c9e1e3 |
rgb(201,225,227) |
hsl(186,32%,84%) |
| #b8d7db |
rgb(184,215,219) |
hsl(186,32%,79%) |
| #a7ced2 |
rgb(167,206,210) |
hsl(186,32%,74%) |
| #97c4c9 |
rgb(151,196,201) |
hsl(186,32%,69%) |
| #86bbc1 |
rgb(134,187,193) |
hsl(186,32%,64%) |
| #75b1b8 |
rgb(117,177,184) |
hsl(186,32%,59%) |
| #64a8af |
rgb(100,168,175) |
hsl(186,32%,54%) |
| #559da5 |
rgb(85,157,165) |
hsl(186,32%,49%) |
| #4c8d94 |
rgb(76,141,148) |
hsl(186,32%,44%) |
| #447d83 |
rgb(68,125,131) |
hsl(186,32%,39%) |
| #3b6d72 |
rgb(59,109,114) |
hsl(186,32%,34%) |
| #325d62 |
rgb(50,93,98) |
hsl(186,32%,29%) |
| #2a4d51 |
rgb(42,77,81) |
hsl(186,32%,24%) |
| #213d40 |
rgb(33,61,64) |
hsl(186,32%,19%) |
| #182d2f |
rgb(24,45,47) |
hsl(186,32%,14%) |
| #101d1e |
rgb(16,29,30) |
hsl(186,32%,9%) |
| #070d0d |
rgb(7,13,13) |
hsl(186,32%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336348 |
rgb(51,99,72) |
hsl(146,32%,29%) |
| #335E63 |
rgb(51,94,99) |
hsl(186,32%,29%) |
| #333D63 |
rgb(51,61,99) |
hsl(228,32%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B6E72 |
rgb(59,110,114) |
hsl(184,32%,34%) |
| #335E63 |
rgb(51,94,99) |
hsl(186,32%,29%) |
| #2A4F53 |
rgb(42,79,83) |
hsl(186,33%,25%) |
| #224043 |
rgb(34,64,67) |
hsl(185,33%,20%) |
| #1A3033 |
rgb(26,48,51) |
hsl(187,32%,15%) |
| #122123 |
rgb(18,33,35) |
hsl(187,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335E63 |
rgb(51,94,99) |
hsl(186,32%,29%) |
| #633346 |
rgb(99,51,70) |
hsl(336,32%,29%) |
| #634F33 |
rgb(99,79,51) |
hsl(35,32%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335E63 |
rgb(51,94,99) |
hsl(186,32%,29%) |
| #633833 |
rgb(99,56,51) |
hsl(6,32%,29%) |
| #336350 |
rgb(51,99,80) |
hsl(156,32%,29%) |
| #634F33 |
rgb(99,79,51) |
hsl(35,32%,29%) |
