HEX #306E94 color — Calypso
The color #306E94 is a dark shade and moderately saturated.
Palette
306E94 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(203,51%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(203,51%,93%) |
#d1e4f0 |
rgb(209,228,240) |
hsl(203,51%,88%) |
#bed9ea |
rgb(190,217,234) |
hsl(203,51%,83%) |
#aacee4 |
rgb(170,206,228) |
hsl(203,51%,78%) |
#97c2dd |
rgb(151,194,221) |
hsl(203,51%,73%) |
#84b7d7 |
rgb(132,183,215) |
hsl(203,51%,68%) |
#71acd1 |
rgb(113,172,209) |
hsl(203,51%,63%) |
#5da1cb |
rgb(93,161,203) |
hsl(203,51%,58%) |
#4a95c4 |
rgb(74,149,196) |
hsl(203,51%,53%) |
#3c89b9 |
rgb(60,137,185) |
hsl(203,51%,48%) |
#367ba6 |
rgb(54,123,166) |
hsl(203,51%,43%) |
#2f6c92 |
rgb(47,108,146) |
hsl(203,51%,38%) |
#295e7f |
rgb(41,94,127) |
hsl(203,51%,33%) |
#23506c |
rgb(35,80,108) |
hsl(203,51%,28%) |
#1d4259 |
rgb(29,66,89) |
hsl(203,51%,23%) |
#163345 |
rgb(22,51,69) |
hsl(203,51%,18%) |
#102532 |
rgb(16,37,50) |
hsl(203,51%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(203,51%,8%) |
#04090c |
rgb(4,9,12) |
hsl(203,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#309477 |
rgb(48,148,119) |
hsl(163,51%,38%) |
#306E94 |
rgb(48,110,148) |
hsl(203,51%,38%) |
#343094 |
rgb(52,48,148) |
hsl(242,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780AB |
rgb(55,128,171) |
hsl(202,51%,44%) |
#306E94 |
rgb(48,110,148) |
hsl(203,51%,38%) |
#285C7C |
rgb(40,92,124) |
hsl(203,51%,32%) |
#204A64 |
rgb(32,74,100) |
hsl(203,52%,26%) |
#18384C |
rgb(24,56,76) |
hsl(203,52%,20%) |
#112935 |
rgb(17,41,53) |
hsl(200,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E94 |
rgb(48,110,148) |
hsl(203,51%,38%) |
#94303C |
rgb(148,48,60) |
hsl(353,51%,38%) |
#948730 |
rgb(148,135,48) |
hsl(52,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E94 |
rgb(48,110,148) |
hsl(203,51%,38%) |
#945730 |
rgb(148,87,48) |
hsl(23,51%,38%) |
#309488 |
rgb(48,148,136) |
hsl(173,51%,38%) |
#948730 |
rgb(148,135,48) |
hsl(52,51%,38%) |