HEX #336B94 color — Calypso
The color #336B94 is a dark shade and moderately saturated.
Palette
336B94 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,49%,99%) |
#e8f1f7 |
rgb(232,241,247) |
hsl(205,49%,94%) |
#d5e5f1 |
rgb(213,229,241) |
hsl(205,49%,89%) |
#c2daea |
rgb(194,218,234) |
hsl(205,49%,84%) |
#afcee4 |
rgb(175,206,228) |
hsl(205,49%,79%) |
#9cc2dd |
rgb(156,194,221) |
hsl(205,49%,74%) |
#89b6d7 |
rgb(137,182,215) |
hsl(205,49%,69%) |
#76abd0 |
rgb(118,171,208) |
hsl(205,49%,64%) |
#639fca |
rgb(99,159,202) |
hsl(205,49%,59%) |
#5093c3 |
rgb(80,147,195) |
hsl(205,49%,54%) |
#4087ba |
rgb(64,135,186) |
hsl(205,49%,49%) |
#3979a7 |
rgb(57,121,167) |
hsl(205,49%,44%) |
#336c94 |
rgb(51,108,148) |
hsl(205,49%,39%) |
#2c5e81 |
rgb(44,94,129) |
hsl(205,49%,34%) |
#26506e |
rgb(38,80,110) |
hsl(205,49%,29%) |
#1f425b |
rgb(31,66,91) |
hsl(205,49%,24%) |
#193448 |
rgb(25,52,72) |
hsl(205,49%,19%) |
#122735 |
rgb(18,39,53) |
hsl(205,49%,14%) |
#0c1922 |
rgb(12,25,34) |
hsl(205,49%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(205,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33947C |
rgb(51,148,124) |
hsl(165,49%,39%) |
#336B94 |
rgb(51,107,148) |
hsl(205,49%,39%) |
#3B3394 |
rgb(59,51,148) |
hsl(245,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7DAB |
rgb(59,125,171) |
hsl(205,49%,45%) |
#336B94 |
rgb(51,107,148) |
hsl(205,49%,39%) |
#2A597C |
rgb(42,89,124) |
hsl(206,49%,33%) |
#224A64 |
rgb(34,74,100) |
hsl(204,49%,26%) |
#1A384C |
rgb(26,56,76) |
hsl(204,49%,20%) |
#122635 |
rgb(18,38,53) |
hsl(206,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B94 |
rgb(51,107,148) |
hsl(205,49%,39%) |
#94333A |
rgb(148,51,58) |
hsl(356,49%,39%) |
#948C33 |
rgb(148,140,51) |
hsl(55,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B94 |
rgb(51,107,148) |
hsl(205,49%,39%) |
#945C33 |
rgb(148,92,51) |
hsl(25,49%,39%) |
#33948C |
rgb(51,148,140) |
hsl(175,49%,39%) |
#948C33 |
rgb(148,140,51) |
hsl(55,49%,39%) |