HEX #306990 color — Calypso

The color #306990 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306990 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(204,50%,98%)
#e4eff6 rgb(228,239,246) hsl(204,50%,93%)
#d1e3f0 rgb(209,227,240) hsl(204,50%,88%)
#bed8e9 rgb(190,216,233) hsl(204,50%,83%)
#abcde3 rgb(171,205,227) hsl(204,50%,78%)
#98c1dd rgb(152,193,221) hsl(204,50%,73%)
#85b6d6 rgb(133,182,214) hsl(204,50%,68%)
#71aad0 rgb(113,170,208) hsl(204,50%,63%)
#5e9fc9 rgb(94,159,201) hsl(204,50%,58%)
#4b93c3 rgb(75,147,195) hsl(204,50%,53%)
#3d87b8 rgb(61,135,184) hsl(204,50%,48%)
#3779a4 rgb(55,121,164) hsl(204,50%,43%)
#306b91 rgb(48,107,145) hsl(204,50%,38%)
#2a5d7e rgb(42,93,126) hsl(204,50%,33%)
#244f6b rgb(36,79,107) hsl(204,50%,28%)
#1d4158 rgb(29,65,88) hsl(204,50%,23%)
#173245 rgb(23,50,69) hsl(204,50%,18%)
#112432 rgb(17,36,50) hsl(204,50%,13%)
#0a161f rgb(10,22,31) hsl(204,50%,8%)
#04080b rgb(4,8,11) hsl(204,50%,3%)

Adjacent colors

HEX RGB HSL
#308F77 rgb(48,143,119) hsl(165,50%,37%)
#306990 rgb(48,105,144) hsl(204,50%,38%)
#373090 rgb(55,48,144) hsl(244,50%,38%)

Monochromatic colors

HEX RGB HSL
#377AA7 rgb(55,122,167) hsl(204,50%,44%)
#306990 rgb(48,105,144) hsl(204,50%,38%)
#285978 rgb(40,89,120) hsl(203,50%,31%)
#204761 rgb(32,71,97) hsl(204,50%,25%)
#18364A rgb(24,54,74) hsl(204,51%,19%)
#112633 rgb(17,38,51) hsl(203,50%,13%)

Triad color palettes

HEX RGB HSL
#306990 rgb(48,105,144) hsl(204,50%,38%)
#903039 rgb(144,48,57) hsl(354,50%,38%)
#908730 rgb(144,135,48) hsl(54,50%,38%)

Tetrad color palettes

HEX RGB HSL
#306990 rgb(48,105,144) hsl(204,50%,38%)
#905730 rgb(144,87,48) hsl(24,50%,38%)
#308F87 rgb(48,143,135) hsl(175,50%,37%)
#908730 rgb(144,135,48) hsl(54,50%,38%)