HEX #336E94 color — Calypso
The color #336E94 is a dark shade and moderately saturated.
Palette
336E94 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(204,49%,99%) |
#e8f1f7 |
rgb(232,241,247) |
hsl(204,49%,94%) |
#d5e6f1 |
rgb(213,230,241) |
hsl(204,49%,89%) |
#c2daea |
rgb(194,218,234) |
hsl(204,49%,84%) |
#afcfe4 |
rgb(175,207,228) |
hsl(204,49%,79%) |
#9cc3dd |
rgb(156,195,221) |
hsl(204,49%,74%) |
#89b8d7 |
rgb(137,184,215) |
hsl(204,49%,69%) |
#76acd0 |
rgb(118,172,208) |
hsl(204,49%,64%) |
#63a1ca |
rgb(99,161,202) |
hsl(204,49%,59%) |
#5095c3 |
rgb(80,149,195) |
hsl(204,49%,54%) |
#4089ba |
rgb(64,137,186) |
hsl(204,49%,49%) |
#397ba7 |
rgb(57,123,167) |
hsl(204,49%,44%) |
#336d94 |
rgb(51,109,148) |
hsl(204,49%,39%) |
#2c5f81 |
rgb(44,95,129) |
hsl(204,49%,34%) |
#26516e |
rgb(38,81,110) |
hsl(204,49%,29%) |
#1f435b |
rgb(31,67,91) |
hsl(204,49%,24%) |
#193548 |
rgb(25,53,72) |
hsl(204,49%,19%) |
#122735 |
rgb(18,39,53) |
hsl(204,49%,14%) |
#0c1922 |
rgb(12,25,34) |
hsl(204,49%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(204,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339479 |
rgb(51,148,121) |
hsl(163,49%,39%) |
#336E94 |
rgb(51,110,148) |
hsl(204,49%,39%) |
#383394 |
rgb(56,51,148) |
hsl(243,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B80AB |
rgb(59,128,171) |
hsl(203,49%,45%) |
#336E94 |
rgb(51,110,148) |
hsl(204,49%,39%) |
#2A5C7C |
rgb(42,92,124) |
hsl(203,49%,33%) |
#224A64 |
rgb(34,74,100) |
hsl(204,49%,26%) |
#1A384C |
rgb(26,56,76) |
hsl(204,49%,20%) |
#122935 |
rgb(18,41,53) |
hsl(201,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E94 |
rgb(51,110,148) |
hsl(204,49%,39%) |
#94333D |
rgb(148,51,61) |
hsl(354,49%,39%) |
#948A33 |
rgb(148,138,51) |
hsl(54,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E94 |
rgb(51,110,148) |
hsl(204,49%,39%) |
#945933 |
rgb(148,89,51) |
hsl(24,49%,39%) |
#339489 |
rgb(51,148,137) |
hsl(173,49%,39%) |
#948A33 |
rgb(148,138,51) |
hsl(54,49%,39%) |