HEX #306692 color — Calypso
The color #306692 is a dark shade and moderately saturated.
Palette
306692 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 |
#30917C |
rgb(48,145,124) |
hsl(167,50%,38%) |
#306692 |
rgb(48,102,146) |
hsl(207,51%,38%) |
#3B3092 |
rgb(59,48,146) |
hsl(247,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3775A9 |
rgb(55,117,169) |
hsl(207,51%,44%) |
#306692 |
rgb(48,102,146) |
hsl(207,51%,38%) |
#28577A |
rgb(40,87,122) |
hsl(206,51%,32%) |
#204563 |
rgb(32,69,99) |
hsl(207,51%,26%) |
#18364B |
rgb(24,54,75) |
hsl(205,52%,19%) |
#112434 |
rgb(17,36,52) |
hsl(207,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306692 |
rgb(48,102,146) |
hsl(207,51%,38%) |
#923035 |
rgb(146,48,53) |
hsl(357,51%,38%) |
#928C30 |
rgb(146,140,48) |
hsl(56,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306692 |
rgb(48,102,146) |
hsl(207,51%,38%) |
#925C30 |
rgb(146,92,48) |
hsl(27,51%,38%) |
#30918D |
rgb(48,145,141) |
hsl(178,50%,38%) |
#928C30 |
rgb(146,140,48) |
hsl(56,51%,38%) |