HEX #336682 color — Calypso
The color #336682 is a dark shade and moderately saturated.
Palette
336682 color palette from light to dark
| HEX |
RGB |
HSL |
| #edf4f8 |
rgb(237,244,248) |
hsl(201,44%,95%) |
| #dae9f1 |
rgb(218,233,241) |
hsl(201,44%,90%) |
| #c8deea |
rgb(200,222,234) |
hsl(201,44%,85%) |
| #b6d3e2 |
rgb(182,211,226) |
hsl(201,44%,80%) |
| #a3c8db |
rgb(163,200,219) |
hsl(201,44%,75%) |
| #91bdd4 |
rgb(145,189,212) |
hsl(201,44%,70%) |
| #7eb2cd |
rgb(126,178,205) |
hsl(201,44%,65%) |
| #6ca6c6 |
rgb(108,166,198) |
hsl(201,44%,60%) |
| #5a9bbf |
rgb(90,155,191) |
hsl(201,44%,55%) |
| #4790b8 |
rgb(71,144,184) |
hsl(201,44%,50%) |
| #4082a5 |
rgb(64,130,165) |
hsl(201,44%,45%) |
| #397393 |
rgb(57,115,147) |
hsl(201,44%,40%) |
| #326581 |
rgb(50,101,129) |
hsl(201,44%,35%) |
| #2b576e |
rgb(43,87,110) |
hsl(201,44%,30%) |
| #24485c |
rgb(36,72,92) |
hsl(201,44%,25%) |
| #1d3a49 |
rgb(29,58,73) |
hsl(201,44%,20%) |
| #152b37 |
rgb(21,43,55) |
hsl(201,44%,15%) |
| #0e1d25 |
rgb(14,29,37) |
hsl(201,44%,10%) |
| #070e12 |
rgb(7,14,18) |
hsl(201,44%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #338269 |
rgb(51,130,105) |
hsl(161,44%,35%) |
| #336682 |
rgb(51,102,130) |
hsl(201,44%,35%) |
| #343382 |
rgb(52,51,130) |
hsl(241,44%,35%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7596 |
rgb(59,117,150) |
hsl(202,44%,41%) |
| #336682 |
rgb(51,102,130) |
hsl(201,44%,35%) |
| #2A576D |
rgb(42,87,109) |
hsl(200,44%,30%) |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #1A3643 |
rgb(26,54,67) |
hsl(199,44%,18%) |
| #12242E |
rgb(18,36,46) |
hsl(201,44%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336682 |
rgb(51,102,130) |
hsl(201,44%,35%) |
| #82333E |
rgb(130,51,62) |
hsl(352,44%,35%) |
| #827533 |
rgb(130,117,51) |
hsl(50,44%,35%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336682 |
rgb(51,102,130) |
hsl(201,44%,35%) |
| #824F33 |
rgb(130,79,51) |
hsl(21,44%,35%) |
| #338276 |
rgb(51,130,118) |
hsl(171,44%,35%) |
| #827533 |
rgb(130,117,51) |
hsl(50,44%,35%) |
