HEX #305E84 color — Calypso
The color #305E84 is a dark shade and moderately saturated.
Palette
305E84 color palette from light to dark
HEX |
RGB |
HSL |
#ecf3f8 |
rgb(236,243,248) |
hsl(207,47%,95%) |
#dae7f1 |
rgb(218,231,241) |
hsl(207,47%,90%) |
#c7dbeb |
rgb(199,219,235) |
hsl(207,47%,85%) |
#b4cee4 |
rgb(180,206,228) |
hsl(207,47%,80%) |
#a1c2dd |
rgb(161,194,221) |
hsl(207,47%,75%) |
#8fb6d6 |
rgb(143,182,214) |
hsl(207,47%,70%) |
#7caad0 |
rgb(124,170,208) |
hsl(207,47%,65%) |
#699ec9 |
rgb(105,158,201) |
hsl(207,47%,60%) |
#5692c2 |
rgb(86,146,194) |
hsl(207,47%,55%) |
#4485bb |
rgb(68,133,187) |
hsl(207,47%,50%) |
#3d78a9 |
rgb(61,120,169) |
hsl(207,47%,45%) |
#366b96 |
rgb(54,107,150) |
hsl(207,47%,40%) |
#2f5d83 |
rgb(47,93,131) |
hsl(207,47%,35%) |
#295070 |
rgb(41,80,112) |
hsl(207,47%,30%) |
#22435e |
rgb(34,67,94) |
hsl(207,47%,25%) |
#1b354b |
rgb(27,53,75) |
hsl(207,47%,20%) |
#142838 |
rgb(20,40,56) |
hsl(207,47%,15%) |
#0e1b25 |
rgb(14,27,37) |
hsl(207,47%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(207,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#308572 |
rgb(48,133,114) |
hsl(167,47%,35%) |
#305E84 |
rgb(48,94,132) |
hsl(207,47%,35%) |
#3A3084 |
rgb(58,48,132) |
hsl(247,47%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E99 |
rgb(55,110,153) |
hsl(206,47%,41%) |
#305E84 |
rgb(48,94,132) |
hsl(207,47%,35%) |
#284F6E |
rgb(40,79,110) |
hsl(207,47%,29%) |
#204059 |
rgb(32,64,89) |
hsl(206,47%,24%) |
#183044 |
rgb(24,48,68) |
hsl(207,48%,18%) |
#11212F |
rgb(17,33,47) |
hsl(208,47%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#305E84 |
rgb(48,94,132) |
hsl(207,47%,35%) |
#843034 |
rgb(132,48,52) |
hsl(357,47%,35%) |
#848030 |
rgb(132,128,48) |
hsl(57,47%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E84 |
rgb(48,94,132) |
hsl(207,47%,35%) |
#845730 |
rgb(132,87,48) |
hsl(28,47%,35%) |
#308580 |
rgb(48,133,128) |
hsl(176,47%,35%) |
#848030 |
rgb(132,128,48) |
hsl(57,47%,35%) |