HEX #30525C color — Spectra
The color #30525C is a dark shade and slightly desaturated.
Palette
30525C color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f9fa |
rgb(245,249,250) |
hsl(194,31%,97%) |
| #e4eef1 |
rgb(228,238,241) |
hsl(194,31%,92%) |
| #d4e3e8 |
rgb(212,227,232) |
hsl(194,31%,87%) |
| #c3d9df |
rgb(195,217,223) |
hsl(194,31%,82%) |
| #b2ced7 |
rgb(178,206,215) |
hsl(194,31%,77%) |
| #a1c3ce |
rgb(161,195,206) |
hsl(194,31%,72%) |
| #91b9c5 |
rgb(145,185,197) |
hsl(194,31%,67%) |
| #80aebc |
rgb(128,174,188) |
hsl(194,31%,62%) |
| #6fa3b3 |
rgb(111,163,179) |
hsl(194,31%,57%) |
| #5f99ab |
rgb(95,153,171) |
hsl(194,31%,52%) |
| #538c9d |
rgb(83,140,157) |
hsl(194,31%,47%) |
| #4a7d8c |
rgb(74,125,140) |
hsl(194,31%,42%) |
| #416e7c |
rgb(65,110,124) |
hsl(194,31%,37%) |
| #385f6b |
rgb(56,95,107) |
hsl(194,31%,32%) |
| #30505a |
rgb(48,80,90) |
hsl(194,31%,27%) |
| #274149 |
rgb(39,65,73) |
hsl(194,31%,22%) |
| #1e3339 |
rgb(30,51,57) |
hsl(194,31%,17%) |
| #152428 |
rgb(21,36,40) |
hsl(194,31%,12%) |
| #0c1517 |
rgb(12,21,23) |
hsl(194,31%,7%) |
| #040607 |
rgb(4,6,7) |
hsl(194,31%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305C48 |
rgb(48,92,72) |
hsl(153,31%,27%) |
| #30525C |
rgb(48,82,92) |
hsl(194,31%,27%) |
| #30365C |
rgb(48,54,92) |
hsl(232,31%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375E6A |
rgb(55,94,106) |
hsl(194,32%,32%) |
| #30525C |
rgb(48,82,92) |
hsl(194,31%,27%) |
| #28454D |
rgb(40,69,77) |
hsl(193,32%,23%) |
| #20383E |
rgb(32,56,62) |
hsl(192,32%,18%) |
| #182B2F |
rgb(24,43,47) |
hsl(190,32%,14%) |
| #111F21 |
rgb(17,31,33) |
hsl(188,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #30525C |
rgb(48,82,92) |
hsl(194,31%,27%) |
| #5C303C |
rgb(92,48,60) |
hsl(344,31%,27%) |
| #5C4F30 |
rgb(92,79,48) |
hsl(42,31%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #30525C |
rgb(48,82,92) |
hsl(194,31%,27%) |
| #5C3B30 |
rgb(92,59,48) |
hsl(15,31%,27%) |
| #305C50 |
rgb(48,92,80) |
hsl(164,31%,27%) |
| #5C4F30 |
rgb(92,79,48) |
hsl(42,31%,27%) |
