HEX #337896 color — Calypso
The color #337896 is a dark shade and moderately saturated.
Palette
337896 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(198,49%,99%) |
#e8f3f7 |
rgb(232,243,247) |
hsl(198,49%,94%) |
#d5e8f1 |
rgb(213,232,241) |
hsl(198,49%,89%) |
#c2deea |
rgb(194,222,234) |
hsl(198,49%,84%) |
#afd4e4 |
rgb(175,212,228) |
hsl(198,49%,79%) |
#9ccadd |
rgb(156,202,221) |
hsl(198,49%,74%) |
#89bfd7 |
rgb(137,191,215) |
hsl(198,49%,69%) |
#76b5d0 |
rgb(118,181,208) |
hsl(198,49%,64%) |
#63abca |
rgb(99,171,202) |
hsl(198,49%,59%) |
#50a1c3 |
rgb(80,161,195) |
hsl(198,49%,54%) |
#4095ba |
rgb(64,149,186) |
hsl(198,49%,49%) |
#3986a7 |
rgb(57,134,167) |
hsl(198,49%,44%) |
#337794 |
rgb(51,119,148) |
hsl(198,49%,39%) |
#2c6881 |
rgb(44,104,129) |
hsl(198,49%,34%) |
#26586e |
rgb(38,88,110) |
hsl(198,49%,29%) |
#1f495b |
rgb(31,73,91) |
hsl(198,49%,24%) |
#193a48 |
rgb(25,58,72) |
hsl(198,49%,19%) |
#122b35 |
rgb(18,43,53) |
hsl(198,49%,14%) |
#0c1b22 |
rgb(12,27,34) |
hsl(198,49%,9%) |
#050c0f |
rgb(5,12,15) |
hsl(198,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339672 |
rgb(51,150,114) |
hsl(158,49%,39%) |
#337896 |
rgb(51,120,150) |
hsl(198,49%,39%) |
#333696 |
rgb(51,54,150) |
hsl(238,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B8CAE |
rgb(59,140,174) |
hsl(198,49%,46%) |
#337896 |
rgb(51,120,150) |
hsl(198,49%,39%) |
#2A667E |
rgb(42,102,126) |
hsl(197,50%,33%) |
#225266 |
rgb(34,82,102) |
hsl(198,50%,27%) |
#1A3D4E |
rgb(26,61,78) |
hsl(200,50%,20%) |
#122B36 |
rgb(18,43,54) |
hsl(198,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#337896 |
rgb(51,120,150) |
hsl(198,49%,39%) |
#963346 |
rgb(150,51,70) |
hsl(348,49%,39%) |
#968233 |
rgb(150,130,51) |
hsl(48,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337896 |
rgb(51,120,150) |
hsl(198,49%,39%) |
#965233 |
rgb(150,82,51) |
hsl(19,49%,39%) |
#339682 |
rgb(51,150,130) |
hsl(168,49%,39%) |
#968233 |
rgb(150,130,51) |
hsl(48,49%,39%) |