HEX #306693 color — Calypso
The color #306693 is a dark shade and moderately saturated.
Palette
306693 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(207,51%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(207,51%,93%) |
#d1e2f0 |
rgb(209,226,240) |
hsl(207,51%,88%) |
#bed6ea |
rgb(190,214,234) |
hsl(207,51%,83%) |
#aacae4 |
rgb(170,202,228) |
hsl(207,51%,78%) |
#97bedd |
rgb(151,190,221) |
hsl(207,51%,73%) |
#84b2d7 |
rgb(132,178,215) |
hsl(207,51%,68%) |
#71a5d1 |
rgb(113,165,209) |
hsl(207,51%,63%) |
#5d99cb |
rgb(93,153,203) |
hsl(207,51%,58%) |
#4a8dc4 |
rgb(74,141,196) |
hsl(207,51%,53%) |
#3c81b9 |
rgb(60,129,185) |
hsl(207,51%,48%) |
#3673a6 |
rgb(54,115,166) |
hsl(207,51%,43%) |
#2f6692 |
rgb(47,102,146) |
hsl(207,51%,38%) |
#29587f |
rgb(41,88,127) |
hsl(207,51%,33%) |
#234b6c |
rgb(35,75,108) |
hsl(207,51%,28%) |
#1d3e59 |
rgb(29,62,89) |
hsl(207,51%,23%) |
#163045 |
rgb(22,48,69) |
hsl(207,51%,18%) |
#102332 |
rgb(16,35,50) |
hsl(207,51%,13%) |
#0a151f |
rgb(10,21,31) |
hsl(207,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(207,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30947E |
rgb(48,148,126) |
hsl(167,51%,38%) |
#306693 |
rgb(48,102,147) |
hsl(207,51%,38%) |
#3C3093 |
rgb(60,48,147) |
hsl(247,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3775AA |
rgb(55,117,170) |
hsl(208,51%,44%) |
#306693 |
rgb(48,102,147) |
hsl(207,51%,38%) |
#28577B |
rgb(40,87,123) |
hsl(206,51%,32%) |
#204563 |
rgb(32,69,99) |
hsl(207,51%,26%) |
#18364C |
rgb(24,54,76) |
hsl(205,52%,20%) |
#112434 |
rgb(17,36,52) |
hsl(207,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306693 |
rgb(48,102,147) |
hsl(207,51%,38%) |
#933034 |
rgb(147,48,52) |
hsl(358,51%,38%) |
#938F30 |
rgb(147,143,48) |
hsl(58,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306693 |
rgb(48,102,147) |
hsl(207,51%,38%) |
#935C30 |
rgb(147,92,48) |
hsl(27,51%,38%) |
#30948E |
rgb(48,148,142) |
hsl(176,51%,38%) |
#938F30 |
rgb(147,143,48) |
hsl(58,51%,38%) |