HEX #337A96 color — Calypso

The color #337A96 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

337A96 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(197,49%,99%)
#e8f3f7 rgb(232,243,247) hsl(197,49%,94%)
#d5e9f1 rgb(213,233,241) hsl(197,49%,89%)
#c2dfea rgb(194,223,234) hsl(197,49%,84%)
#afd5e4 rgb(175,213,228) hsl(197,49%,79%)
#9ccbdd rgb(156,203,221) hsl(197,49%,74%)
#89c1d7 rgb(137,193,215) hsl(197,49%,69%)
#76b7d0 rgb(118,183,208) hsl(197,49%,64%)
#63adca rgb(99,173,202) hsl(197,49%,59%)
#50a3c3 rgb(80,163,195) hsl(197,49%,54%)
#4097ba rgb(64,151,186) hsl(197,49%,49%)
#3988a7 rgb(57,136,167) hsl(197,49%,44%)
#337994 rgb(51,121,148) hsl(197,49%,39%)
#2c6981 rgb(44,105,129) hsl(197,49%,34%)
#265a6e rgb(38,90,110) hsl(197,49%,29%)
#1f4a5b rgb(31,74,91) hsl(197,49%,24%)
#193b48 rgb(25,59,72) hsl(197,49%,19%)
#122b35 rgb(18,43,53) hsl(197,49%,14%)
#0c1c22 rgb(12,28,34) hsl(197,49%,9%)
#050c0f rgb(5,12,15) hsl(197,49%,4%)

Adjacent colors

HEX RGB HSL
#339670 rgb(51,150,112) hsl(157,49%,39%)
#337A96 rgb(51,122,150) hsl(197,49%,39%)
#333896 rgb(51,56,150) hsl(237,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B8CAE rgb(59,140,174) hsl(198,49%,46%)
#337A96 rgb(51,122,150) hsl(197,49%,39%)
#2A667E rgb(42,102,126) hsl(197,50%,33%)
#225466 rgb(34,84,102) hsl(196,50%,27%)
#1A404E rgb(26,64,78) hsl(196,50%,20%)
#122B36 rgb(18,43,54) hsl(198,50%,14%)

Triad color palettes

HEX RGB HSL
#337A96 rgb(51,122,150) hsl(197,49%,39%)
#963348 rgb(150,51,72) hsl(347,49%,39%)
#968033 rgb(150,128,51) hsl(47,49%,39%)

Tetrad color palettes

HEX RGB HSL
#337A96 rgb(51,122,150) hsl(197,49%,39%)
#964F33 rgb(150,79,51) hsl(17,49%,39%)
#339680 rgb(51,150,128) hsl(167,49%,39%)
#968033 rgb(150,128,51) hsl(47,49%,39%)