HEX #336384 color — Calypso
The color #336384 is a dark shade and moderately saturated.
Palette
336384 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6f9 |
rgb(240,246,249) |
hsl(204,44%,96%) |
#deeaf2 |
rgb(222,234,242) |
hsl(204,44%,91%) |
#ccdeeb |
rgb(204,222,235) |
hsl(204,44%,86%) |
#b9d3e4 |
rgb(185,211,228) |
hsl(204,44%,81%) |
#a7c7dd |
rgb(167,199,221) |
hsl(204,44%,76%) |
#95bcd6 |
rgb(149,188,214) |
hsl(204,44%,71%) |
#82b0ce |
rgb(130,176,206) |
hsl(204,44%,66%) |
#70a4c7 |
rgb(112,164,199) |
hsl(204,44%,61%) |
#5d99c0 |
rgb(93,153,192) |
hsl(204,44%,56%) |
#4b8db9 |
rgb(75,141,185) |
hsl(204,44%,51%) |
#4280a9 |
rgb(66,128,169) |
hsl(204,44%,46%) |
#3b7297 |
rgb(59,114,151) |
hsl(204,44%,41%) |
#336484 |
rgb(51,100,132) |
hsl(204,44%,36%) |
#2c5672 |
rgb(44,86,114) |
hsl(204,44%,31%) |
#25485f |
rgb(37,72,95) |
hsl(204,44%,26%) |
#1e3a4d |
rgb(30,58,77) |
hsl(204,44%,21%) |
#172c3b |
rgb(23,44,59) |
hsl(204,44%,16%) |
#101f28 |
rgb(16,31,40) |
hsl(204,44%,11%) |
#091116 |
rgb(9,17,22) |
hsl(204,44%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,44%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33856F |
rgb(51,133,111) |
hsl(164,45%,36%) |
#336384 |
rgb(51,99,132) |
hsl(204,44%,36%) |
#393384 |
rgb(57,51,132) |
hsl(244,44%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7399 |
rgb(59,115,153) |
hsl(204,44%,42%) |
#336384 |
rgb(51,99,132) |
hsl(204,44%,36%) |
#2A546E |
rgb(42,84,110) |
hsl(203,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 |
#336384 |
rgb(51,99,132) |
hsl(204,44%,36%) |
#84333A |
rgb(132,51,58) |
hsl(355,44%,36%) |
#847D33 |
rgb(132,125,51) |
hsl(55,44%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336384 |
rgb(51,99,132) |
hsl(204,44%,36%) |
#845433 |
rgb(132,84,51) |
hsl(24,44%,36%) |
#33857C |
rgb(51,133,124) |
hsl(173,45%,36%) |
#847D33 |
rgb(132,125,51) |
hsl(55,44%,36%) |