HEX #336387 color — Calypso
The color #336387 is a dark shade and moderately saturated.
Palette
336387 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(206,45%,96%) |
#dee9f2 |
rgb(222,233,242) |
hsl(206,45%,91%) |
#cbddeb |
rgb(203,221,235) |
hsl(206,45%,86%) |
#b9d1e4 |
rgb(185,209,228) |
hsl(206,45%,81%) |
#a6c5dd |
rgb(166,197,221) |
hsl(206,45%,76%) |
#94b9d6 |
rgb(148,185,214) |
hsl(206,45%,71%) |
#81aecf |
rgb(129,174,207) |
hsl(206,45%,66%) |
#6fa2c8 |
rgb(111,162,200) |
hsl(206,45%,61%) |
#5c96c1 |
rgb(92,150,193) |
hsl(206,45%,56%) |
#4a8aba |
rgb(74,138,186) |
hsl(206,45%,51%) |
#417caa |
rgb(65,124,170) |
hsl(206,45%,46%) |
#3a6f98 |
rgb(58,111,152) |
hsl(206,45%,41%) |
#326185 |
rgb(50,97,133) |
hsl(206,45%,36%) |
#2b5473 |
rgb(43,84,115) |
hsl(206,45%,31%) |
#244660 |
rgb(36,70,96) |
hsl(206,45%,26%) |
#1d394e |
rgb(29,57,78) |
hsl(206,45%,21%) |
#162b3b |
rgb(22,43,59) |
hsl(206,45%,16%) |
#0f1e29 |
rgb(15,30,41) |
hsl(206,45%,11%) |
#081016 |
rgb(8,16,22) |
hsl(206,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(206,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#338773 |
rgb(51,135,115) |
hsl(166,45%,36%) |
#336387 |
rgb(51,99,135) |
hsl(206,45%,36%) |
#3B3387 |
rgb(59,51,135) |
hsl(246,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B739C |
rgb(59,115,156) |
hsl(205,45%,42%) |
#336387 |
rgb(51,99,135) |
hsl(206,45%,36%) |
#2A5471 |
rgb(42,84,113) |
hsl(205,46%,30%) |
#22425B |
rgb(34,66,91) |
hsl(206,46%,25%) |
#1A3346 |
rgb(26,51,70) |
hsl(206,46%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336387 |
rgb(51,99,135) |
hsl(206,45%,36%) |
#873339 |
rgb(135,51,57) |
hsl(356,45%,36%) |
#878233 |
rgb(135,130,51) |
hsl(56,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336387 |
rgb(51,99,135) |
hsl(206,45%,36%) |
#875733 |
rgb(135,87,51) |
hsl(26,45%,36%) |
#338781 |
rgb(51,135,129) |
hsl(176,45%,36%) |
#878233 |
rgb(135,130,51) |
hsl(56,45%,36%) |