HEX #336184 color — Calypso
The color #336184 is a dark shade and moderately saturated.
Palette
336184 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(206,44%,96%) |
#dee9f2 |
rgb(222,233,242) |
hsl(206,44%,91%) |
#ccddeb |
rgb(204,221,235) |
hsl(206,44%,86%) |
#b9d1e4 |
rgb(185,209,228) |
hsl(206,44%,81%) |
#a7c5dd |
rgb(167,197,221) |
hsl(206,44%,76%) |
#95b9d6 |
rgb(149,185,214) |
hsl(206,44%,71%) |
#82adce |
rgb(130,173,206) |
hsl(206,44%,66%) |
#70a1c7 |
rgb(112,161,199) |
hsl(206,44%,61%) |
#5d95c0 |
rgb(93,149,192) |
hsl(206,44%,56%) |
#4b89b9 |
rgb(75,137,185) |
hsl(206,44%,51%) |
#427ca9 |
rgb(66,124,169) |
hsl(206,44%,46%) |
#3b6f97 |
rgb(59,111,151) |
hsl(206,44%,41%) |
#336184 |
rgb(51,97,132) |
hsl(206,44%,36%) |
#2c5472 |
rgb(44,84,114) |
hsl(206,44%,31%) |
#25465f |
rgb(37,70,95) |
hsl(206,44%,26%) |
#1e394d |
rgb(30,57,77) |
hsl(206,44%,21%) |
#172b3b |
rgb(23,43,59) |
hsl(206,44%,16%) |
#101e28 |
rgb(16,30,40) |
hsl(206,44%,11%) |
#091016 |
rgb(9,16,22) |
hsl(206,44%,6%) |
#010304 |
rgb(1,3,4) |
hsl(206,44%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#338571 |
rgb(51,133,113) |
hsl(165,45%,36%) |
#336184 |
rgb(51,97,132) |
hsl(206,44%,36%) |
#3B3384 |
rgb(59,51,132) |
hsl(246,44%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7099 |
rgb(59,112,153) |
hsl(206,44%,42%) |
#336184 |
rgb(51,97,132) |
hsl(206,44%,36%) |
#2A526E |
rgb(42,82,110) |
hsl(205,45%,30%) |
#224259 |
rgb(34,66,89) |
hsl(205,45%,24%) |
#1A3344 |
rgb(26,51,68) |
hsl(204,45%,18%) |
#12242F |
rgb(18,36,47) |
hsl(203,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336184 |
rgb(51,97,132) |
hsl(206,44%,36%) |
#843338 |
rgb(132,51,56) |
hsl(356,44%,36%) |
#848033 |
rgb(132,128,51) |
hsl(57,44%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336184 |
rgb(51,97,132) |
hsl(206,44%,36%) |
#845733 |
rgb(132,87,51) |
hsl(27,44%,36%) |
#33857E |
rgb(51,133,126) |
hsl(175,45%,36%) |
#848033 |
rgb(132,128,51) |
hsl(57,44%,36%) |