HEX #306993 color — Calypso
The color #306993 is a dark shade and moderately saturated.
Palette
306993 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,51%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(205,51%,93%) |
#d1e3f0 |
rgb(209,227,240) |
hsl(205,51%,88%) |
#bed7ea |
rgb(190,215,234) |
hsl(205,51%,83%) |
#aacce4 |
rgb(170,204,228) |
hsl(205,51%,78%) |
#97c0dd |
rgb(151,192,221) |
hsl(205,51%,73%) |
#84b4d7 |
rgb(132,180,215) |
hsl(205,51%,68%) |
#71a9d1 |
rgb(113,169,209) |
hsl(205,51%,63%) |
#5d9dcb |
rgb(93,157,203) |
hsl(205,51%,58%) |
#4a91c4 |
rgb(74,145,196) |
hsl(205,51%,53%) |
#3c85b9 |
rgb(60,133,185) |
hsl(205,51%,48%) |
#3677a6 |
rgb(54,119,166) |
hsl(205,51%,43%) |
#2f6992 |
rgb(47,105,146) |
hsl(205,51%,38%) |
#295b7f |
rgb(41,91,127) |
hsl(205,51%,33%) |
#234d6c |
rgb(35,77,108) |
hsl(205,51%,28%) |
#1d4059 |
rgb(29,64,89) |
hsl(205,51%,23%) |
#163245 |
rgb(22,50,69) |
hsl(205,51%,18%) |
#102432 |
rgb(16,36,50) |
hsl(205,51%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(205,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(205,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30947B |
rgb(48,148,123) |
hsl(165,51%,38%) |
#306993 |
rgb(48,105,147) |
hsl(205,51%,38%) |
#393093 |
rgb(57,48,147) |
hsl(245,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377AAA |
rgb(55,122,170) |
hsl(205,51%,44%) |
#306993 |
rgb(48,105,147) |
hsl(205,51%,38%) |
#28597B |
rgb(40,89,123) |
hsl(205,51%,32%) |
#204763 |
rgb(32,71,99) |
hsl(205,51%,26%) |
#18364C |
rgb(24,54,76) |
hsl(205,52%,20%) |
#112634 |
rgb(17,38,52) |
hsl(204,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306993 |
rgb(48,105,147) |
hsl(205,51%,38%) |
#933037 |
rgb(147,48,55) |
hsl(356,51%,38%) |
#938C30 |
rgb(147,140,48) |
hsl(56,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306993 |
rgb(48,105,147) |
hsl(205,51%,38%) |
#935930 |
rgb(147,89,48) |
hsl(25,51%,38%) |
#30948B |
rgb(48,148,139) |
hsl(175,51%,38%) |
#938C30 |
rgb(147,140,48) |
hsl(56,51%,38%) |