HEX #306691 color — Calypso
The color #306691 is a dark shade and moderately saturated.
Palette
306691 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(207,50%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(207,50%,93%) |
#d1e2f0 |
rgb(209,226,240) |
hsl(207,50%,88%) |
#bed6e9 |
rgb(190,214,233) |
hsl(207,50%,83%) |
#abcae3 |
rgb(171,202,227) |
hsl(207,50%,78%) |
#98bedd |
rgb(152,190,221) |
hsl(207,50%,73%) |
#85b1d6 |
rgb(133,177,214) |
hsl(207,50%,68%) |
#71a5d0 |
rgb(113,165,208) |
hsl(207,50%,63%) |
#5e99c9 |
rgb(94,153,201) |
hsl(207,50%,58%) |
#4b8dc3 |
rgb(75,141,195) |
hsl(207,50%,53%) |
#3d81b8 |
rgb(61,129,184) |
hsl(207,50%,48%) |
#3773a4 |
rgb(55,115,164) |
hsl(207,50%,43%) |
#306691 |
rgb(48,102,145) |
hsl(207,50%,38%) |
#2a587e |
rgb(42,88,126) |
hsl(207,50%,33%) |
#244b6b |
rgb(36,75,107) |
hsl(207,50%,28%) |
#1d3e58 |
rgb(29,62,88) |
hsl(207,50%,23%) |
#173045 |
rgb(23,48,69) |
hsl(207,50%,18%) |
#112332 |
rgb(17,35,50) |
hsl(207,50%,13%) |
#0a151f |
rgb(10,21,31) |
hsl(207,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(207,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30917B |
rgb(48,145,123) |
hsl(166,50%,38%) |
#306691 |
rgb(48,102,145) |
hsl(207,50%,38%) |
#3A3091 |
rgb(58,48,145) |
hsl(246,50%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3775A8 |
rgb(55,117,168) |
hsl(207,51%,44%) |
#306691 |
rgb(48,102,145) |
hsl(207,50%,38%) |
#285779 |
rgb(40,87,121) |
hsl(205,50%,32%) |
#204562 |
rgb(32,69,98) |
hsl(206,51%,25%) |
#18364B |
rgb(24,54,75) |
hsl(205,52%,19%) |
#112434 |
rgb(17,36,52) |
hsl(207,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306691 |
rgb(48,102,145) |
hsl(207,50%,38%) |
#913035 |
rgb(145,48,53) |
hsl(357,50%,38%) |
#918C30 |
rgb(145,140,48) |
hsl(57,50%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306691 |
rgb(48,102,145) |
hsl(207,50%,38%) |
#915C30 |
rgb(145,92,48) |
hsl(27,50%,38%) |
#30918B |
rgb(48,145,139) |
hsl(176,50%,38%) |
#918C30 |
rgb(145,140,48) |
hsl(57,50%,38%) |