HEX #336784 color — Calypso
The color #336784 is a dark shade and moderately saturated.
Palette
336784 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6f9 |
rgb(240,246,249) |
hsl(201,44%,96%) |
#deebf2 |
rgb(222,235,242) |
hsl(201,44%,91%) |
#cce0eb |
rgb(204,224,235) |
hsl(201,44%,86%) |
#b9d5e4 |
rgb(185,213,228) |
hsl(201,44%,81%) |
#a7cadd |
rgb(167,202,221) |
hsl(201,44%,76%) |
#95bfd6 |
rgb(149,191,214) |
hsl(201,44%,71%) |
#82b4ce |
rgb(130,180,206) |
hsl(201,44%,66%) |
#70a9c7 |
rgb(112,169,199) |
hsl(201,44%,61%) |
#5d9ec0 |
rgb(93,158,192) |
hsl(201,44%,56%) |
#4b93b9 |
rgb(75,147,185) |
hsl(201,44%,51%) |
#4285a9 |
rgb(66,133,169) |
hsl(201,44%,46%) |
#3b7697 |
rgb(59,118,151) |
hsl(201,44%,41%) |
#336884 |
rgb(51,104,132) |
hsl(201,44%,36%) |
#2c5972 |
rgb(44,89,114) |
hsl(201,44%,31%) |
#254b5f |
rgb(37,75,95) |
hsl(201,44%,26%) |
#1e3d4d |
rgb(30,61,77) |
hsl(201,44%,21%) |
#172e3b |
rgb(23,46,59) |
hsl(201,44%,16%) |
#102028 |
rgb(16,32,40) |
hsl(201,44%,11%) |
#091116 |
rgb(9,17,22) |
hsl(201,44%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,44%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33856B |
rgb(51,133,107) |
hsl(161,45%,36%) |
#336784 |
rgb(51,103,132) |
hsl(201,44%,36%) |
#353384 |
rgb(53,51,132) |
hsl(241,44%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7899 |
rgb(59,120,153) |
hsl(201,44%,42%) |
#336784 |
rgb(51,103,132) |
hsl(201,44%,36%) |
#2A576E |
rgb(42,87,110) |
hsl(200,45%,30%) |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#1A3644 |
rgb(26,54,68) |
hsl(200,45%,18%) |
#12262F |
rgb(18,38,47) |
hsl(199,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336784 |
rgb(51,103,132) |
hsl(201,44%,36%) |
#84333E |
rgb(132,51,62) |
hsl(352,44%,36%) |
#847833 |
rgb(132,120,51) |
hsl(51,44%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336784 |
rgb(51,103,132) |
hsl(201,44%,36%) |
#844F33 |
rgb(132,79,51) |
hsl(21,44%,36%) |
#338578 |
rgb(51,133,120) |
hsl(170,45%,36%) |
#847833 |
rgb(132,120,51) |
hsl(51,44%,36%) |