HEX #305E5A color — Spectra
The color #305E5A is a dark shade and slightly desaturated.
Palette
305E5A color palette from light to dark
HEX |
RGB |
HSL |
#f8fcfb |
rgb(248,252,251) |
hsl(175,32%,98%) |
#e7f3f2 |
rgb(231,243,242) |
hsl(175,32%,93%) |
#d7eae9 |
rgb(215,234,233) |
hsl(175,32%,88%) |
#c6e2df |
rgb(198,226,223) |
hsl(175,32%,83%) |
#b5d9d6 |
rgb(181,217,214) |
hsl(175,32%,78%) |
#a4d0cd |
rgb(164,208,205) |
hsl(175,32%,73%) |
#93c8c3 |
rgb(147,200,195) |
hsl(175,32%,68%) |
#82bfba |
rgb(130,191,186) |
hsl(175,32%,63%) |
#72b6b0 |
rgb(114,182,176) |
hsl(175,32%,58%) |
#61aea7 |
rgb(97,174,167) |
hsl(175,32%,53%) |
#53a29b |
rgb(83,162,155) |
hsl(175,32%,48%) |
#4b918b |
rgb(75,145,139) |
hsl(175,32%,43%) |
#42807b |
rgb(66,128,123) |
hsl(175,32%,38%) |
#396f6b |
rgb(57,111,107) |
hsl(175,32%,33%) |
#315e5a |
rgb(49,94,90) |
hsl(175,32%,28%) |
#284d4a |
rgb(40,77,74) |
hsl(175,32%,23%) |
#1f3d3a |
rgb(31,61,58) |
hsl(175,32%,18%) |
#172c2a |
rgb(23,44,42) |
hsl(175,32%,13%) |
#0e1b1a |
rgb(14,27,26) |
hsl(175,32%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(175,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#305E3B |
rgb(48,94,59) |
hsl(134,32%,28%) |
#305E5A |
rgb(48,94,90) |
hsl(175,32%,28%) |
#30425E |
rgb(48,66,94) |
hsl(217,32%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E68 |
rgb(55,110,104) |
hsl(173,33%,32%) |
#305E5A |
rgb(48,94,90) |
hsl(175,32%,28%) |
#284F4B |
rgb(40,79,75) |
hsl(174,33%,23%) |
#20403D |
rgb(32,64,61) |
hsl(174,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 |
#305E5A |
rgb(48,94,90) |
hsl(175,32%,28%) |
#5E304B |
rgb(94,48,75) |
hsl(325,32%,28%) |
#5E4230 |
rgb(94,66,48) |
hsl(23,32%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E5A |
rgb(48,94,90) |
hsl(175,32%,28%) |
#5E3034 |
rgb(94,48,52) |
hsl(355,32%,28%) |
#305E43 |
rgb(48,94,67) |
hsl(145,32%,28%) |
#5E4230 |
rgb(94,66,48) |
hsl(23,32%,28%) |