HEX #325A5D color — Spectra
The color #325A5D is a dark shade and slightly desaturated.
Palette
325A5D color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfb |
rgb(248,251,251) |
hsl(184,30%,98%) |
#e8f2f3 |
rgb(232,242,243) |
hsl(184,30%,93%) |
#d7e8ea |
rgb(215,232,234) |
hsl(184,30%,88%) |
#c7dfe1 |
rgb(199,223,225) |
hsl(184,30%,83%) |
#b6d5d8 |
rgb(182,213,216) |
hsl(184,30%,78%) |
#a5cccf |
rgb(165,204,207) |
hsl(184,30%,73%) |
#95c3c6 |
rgb(149,195,198) |
hsl(184,30%,68%) |
#84b9bd |
rgb(132,185,189) |
hsl(184,30%,63%) |
#74b0b4 |
rgb(116,176,180) |
hsl(184,30%,58%) |
#63a6ab |
rgb(99,166,171) |
hsl(184,30%,53%) |
#569a9f |
rgb(86,154,159) |
hsl(184,30%,48%) |
#4d8a8f |
rgb(77,138,143) |
hsl(184,30%,43%) |
#447a7e |
rgb(68,122,126) |
hsl(184,30%,38%) |
#3b6a6d |
rgb(59,106,109) |
hsl(184,30%,33%) |
#325a5d |
rgb(50,90,93) |
hsl(184,30%,28%) |
#294a4c |
rgb(41,74,76) |
hsl(184,30%,23%) |
#203a3c |
rgb(32,58,60) |
hsl(184,30%,18%) |
#172a2b |
rgb(23,42,43) |
hsl(184,30%,13%) |
#0e1a1b |
rgb(14,26,27) |
hsl(184,30%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(184,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#325C43 |
rgb(50,92,67) |
hsl(144,30%,28%) |
#325A5D |
rgb(50,90,93) |
hsl(184,30%,28%) |
#323D5D |
rgb(50,61,93) |
hsl(225,30%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3A696B |
rgb(58,105,107) |
hsl(182,30%,32%) |
#325A5D |
rgb(50,90,93) |
hsl(184,30%,28%) |
#2A4D4E |
rgb(42,77,78) |
hsl(182,30%,24%) |
#223D3F |
rgb(34,61,63) |
hsl(184,30%,19%) |
#1A2E30 |
rgb(26,46,48) |
hsl(185,30%,15%) |
#122121 |
rgb(18,33,33) |
hsl(180,29%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#325A5D |
rgb(50,90,93) |
hsl(184,30%,28%) |
#5D3344 |
rgb(93,51,68) |
hsl(336,29%,28%) |
#5D4A32 |
rgb(93,74,50) |
hsl(33,30%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#325A5D |
rgb(50,90,93) |
hsl(184,30%,28%) |
#5D3632 |
rgb(93,54,50) |
hsl(6,30%,28%) |
#325C4A |
rgb(50,92,74) |
hsl(154,30%,28%) |
#5D4A32 |
rgb(93,74,50) |
hsl(33,30%,28%) |