HEX #345660 color — Spectra
The color #345660 is a dark shade and slightly desaturated.
Palette
345660 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(194,30%,99%) |
| #ebf2f4 |
rgb(235,242,244) |
hsl(194,30%,94%) |
| #dbe7eb |
rgb(219,231,235) |
hsl(194,30%,89%) |
| #cadde2 |
rgb(202,221,226) |
hsl(194,30%,84%) |
| #b9d2da |
rgb(185,210,218) |
hsl(194,30%,79%) |
| #a9c7d1 |
rgb(169,199,209) |
hsl(194,30%,74%) |
| #98bdc8 |
rgb(152,189,200) |
hsl(194,30%,69%) |
| #88b2bf |
rgb(136,178,191) |
hsl(194,30%,64%) |
| #77a7b6 |
rgb(119,167,182) |
hsl(194,30%,59%) |
| #679cad |
rgb(103,156,173) |
hsl(194,30%,54%) |
| #5791a2 |
rgb(87,145,162) |
hsl(194,30%,49%) |
| #4f8292 |
rgb(79,130,146) |
hsl(194,30%,44%) |
| #467381 |
rgb(70,115,129) |
hsl(194,30%,39%) |
| #3d6571 |
rgb(61,101,113) |
hsl(194,30%,34%) |
| #345660 |
rgb(52,86,96) |
hsl(194,30%,29%) |
| #2b4750 |
rgb(43,71,80) |
hsl(194,30%,24%) |
| #22383f |
rgb(34,56,63) |
hsl(194,30%,19%) |
| #19292e |
rgb(25,41,46) |
hsl(194,30%,14%) |
| #101b1e |
rgb(16,27,30) |
hsl(194,30%,9%) |
| #070c0d |
rgb(7,12,13) |
hsl(194,30%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #34614C |
rgb(52,97,76) |
hsl(152,30%,29%) |
| #345660 |
rgb(52,86,96) |
hsl(194,30%,29%) |
| #343860 |
rgb(52,56,96) |
hsl(235,30%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3C636F |
rgb(60,99,111) |
hsl(194,30%,34%) |
| #345660 |
rgb(52,86,96) |
hsl(194,30%,29%) |
| #2B4750 |
rgb(43,71,80) |
hsl(195,30%,24%) |
| #233B41 |
rgb(35,59,65) |
hsl(192,30%,20%) |
| #1B2E31 |
rgb(27,46,49) |
hsl(188,29%,15%) |
| #121F22 |
rgb(18,31,34) |
hsl(191,31%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #345660 |
rgb(52,86,96) |
hsl(194,30%,29%) |
| #603340 |
rgb(96,51,64) |
hsl(343,31%,29%) |
| #605434 |
rgb(96,84,52) |
hsl(44,30%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #345660 |
rgb(52,86,96) |
hsl(194,30%,29%) |
| #603D34 |
rgb(96,61,52) |
hsl(12,30%,29%) |
| #346154 |
rgb(52,97,84) |
hsl(163,30%,29%) |
| #605434 |
rgb(96,84,52) |
hsl(44,30%,29%) |
