HEX #306791 color — Calypso
The color #306791 is a dark shade and moderately saturated.
Palette
306791 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(206,50%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(206,50%,93%) |
#d1e2f0 |
rgb(209,226,240) |
hsl(206,50%,88%) |
#bed7e9 |
rgb(190,215,233) |
hsl(206,50%,83%) |
#abcbe3 |
rgb(171,203,227) |
hsl(206,50%,78%) |
#98bfdd |
rgb(152,191,221) |
hsl(206,50%,73%) |
#85b3d6 |
rgb(133,179,214) |
hsl(206,50%,68%) |
#71a7d0 |
rgb(113,167,208) |
hsl(206,50%,63%) |
#5e9bc9 |
rgb(94,155,201) |
hsl(206,50%,58%) |
#4b8fc3 |
rgb(75,143,195) |
hsl(206,50%,53%) |
#3d83b8 |
rgb(61,131,184) |
hsl(206,50%,48%) |
#3775a4 |
rgb(55,117,164) |
hsl(206,50%,43%) |
#306791 |
rgb(48,103,145) |
hsl(206,50%,38%) |
#2a5a7e |
rgb(42,90,126) |
hsl(206,50%,33%) |
#244c6b |
rgb(36,76,107) |
hsl(206,50%,28%) |
#1d3f58 |
rgb(29,63,88) |
hsl(206,50%,23%) |
#173145 |
rgb(23,49,69) |
hsl(206,50%,18%) |
#112332 |
rgb(17,35,50) |
hsl(206,50%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(206,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(206,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30917A |
rgb(48,145,122) |
hsl(166,50%,38%) |
#306791 |
rgb(48,103,145) |
hsl(206,50%,38%) |
#393091 |
rgb(57,48,145) |
hsl(246,50%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3778A8 |
rgb(55,120,168) |
hsl(205,51%,44%) |
#306791 |
rgb(48,103,145) |
hsl(206,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%) |
#112634 |
rgb(17,38,52) |
hsl(204,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306791 |
rgb(48,103,145) |
hsl(206,50%,38%) |
#913036 |
rgb(145,48,54) |
hsl(356,50%,38%) |
#918A30 |
rgb(145,138,48) |
hsl(56,50%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306791 |
rgb(48,103,145) |
hsl(206,50%,38%) |
#915930 |
rgb(145,89,48) |
hsl(25,50%,38%) |
#30918A |
rgb(48,145,138) |
hsl(176,50%,38%) |
#918A30 |
rgb(145,138,48) |
hsl(56,50%,38%) |