HEX #337A8A color — Calypso
The color #337A8A is a dark shade and moderately saturated.
Palette
337A8A color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(191,46%,97%) |
#e1f1f4 |
rgb(225,241,244) |
hsl(191,46%,92%) |
#cfe8ed |
rgb(207,232,237) |
hsl(191,46%,87%) |
#bcdee6 |
rgb(188,222,230) |
hsl(191,46%,82%) |
#a9d5df |
rgb(169,213,223) |
hsl(191,46%,77%) |
#97ccd8 |
rgb(151,204,216) |
hsl(191,46%,72%) |
#84c3d2 |
rgb(132,195,210) |
hsl(191,46%,67%) |
#72bacb |
rgb(114,186,203) |
hsl(191,46%,62%) |
#5fb1c4 |
rgb(95,177,196) |
hsl(191,46%,57%) |
#4ca8bd |
rgb(76,168,189) |
hsl(191,46%,52%) |
#419baf |
rgb(65,155,175) |
hsl(191,46%,47%) |
#3a8a9c |
rgb(58,138,156) |
hsl(191,46%,42%) |
#337a8a |
rgb(51,122,138) |
hsl(191,46%,37%) |
#2c6977 |
rgb(44,105,119) |
hsl(191,46%,32%) |
#255965 |
rgb(37,89,101) |
hsl(191,46%,27%) |
#1e4852 |
rgb(30,72,82) |
hsl(191,46%,22%) |
#17383f |
rgb(23,56,63) |
hsl(191,46%,17%) |
#11282d |
rgb(17,40,45) |
hsl(191,46%,12%) |
#0a171a |
rgb(10,23,26) |
hsl(191,46%,7%) |
#030707 |
rgb(3,7,7) |
hsl(191,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338A60 |
rgb(51,138,96) |
hsl(151,46%,37%) |
#337A8A |
rgb(51,122,138) |
hsl(191,46%,37%) |
#33408A |
rgb(51,64,138) |
hsl(231,46%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B8CA0 |
rgb(59,140,160) |
hsl(192,46%,43%) |
#337A8A |
rgb(51,122,138) |
hsl(191,46%,37%) |
#2A6673 |
rgb(42,102,115) |
hsl(191,46%,31%) |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#1A4047 |
rgb(26,64,71) |
hsl(189,46%,19%) |
#122B31 |
rgb(18,43,49) |
hsl(192,46%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#337A8A |
rgb(51,122,138) |
hsl(191,46%,37%) |
#8A334E |
rgb(138,51,78) |
hsl(341,46%,37%) |
#8A6E33 |
rgb(138,110,51) |
hsl(41,46%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337A8A |
rgb(51,122,138) |
hsl(191,46%,37%) |
#8A4233 |
rgb(138,66,51) |
hsl(10,46%,37%) |
#338A6E |
rgb(51,138,110) |
hsl(161,46%,37%) |
#8A6E33 |
rgb(138,110,51) |
hsl(41,46%,37%) |