HEX #337A96 color — Calypso
The color #337A96 is a dark shade and moderately saturated.
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%) |