HEX #336ECC color — Mariner
The color #336ecc is a dark shade and moderately saturated.
Palette
336ecc color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0fa |
rgb(235,240,250) |
hsl(217,60%,95%) |
| #d6e2f5 |
rgb(214,226,245) |
hsl(217,60%,90%) |
| #c2d3f0 |
rgb(194,211,240) |
hsl(217,60%,85%) |
| #adc5eb |
rgb(173,197,235) |
hsl(217,60%,80%) |
| #99b6e6 |
rgb(153,182,230) |
hsl(217,60%,75%) |
| #85a8e0 |
rgb(133,168,224) |
hsl(217,60%,70%) |
| #7099db |
rgb(112,153,219) |
hsl(217,60%,65%) |
| #5c8bd6 |
rgb(92,139,214) |
hsl(217,60%,60%) |
| #477cd1 |
rgb(71,124,209) |
hsl(217,60%,55%) |
| #336ecc |
rgb(51,110,204) |
hsl(217,60%,50%) |
| #2e63b8 |
rgb(46,99,184) |
hsl(217,60%,45%) |
| #2958a3 |
rgb(41,88,163) |
hsl(217,60%,40%) |
| #244d8f |
rgb(36,77,143) |
hsl(217,60%,35%) |
| #1f427a |
rgb(31,66,122) |
hsl(217,60%,30%) |
| #1a3766 |
rgb(26,55,102) |
hsl(217,60%,25%) |
| #142c52 |
rgb(20,44,82) |
hsl(217,60%,20%) |
| #0f213d |
rgb(15,33,61) |
hsl(217,60%,15%) |
| #0a1629 |
rgb(10,22,41) |
hsl(217,60%,10%) |
| #050b14 |
rgb(5,11,20) |
hsl(217,60%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33CCC4 |
rgb(51,204,196) |
hsl(177,60%,50%) |
| #336ECC |
rgb(51,110,204) |
hsl(217,60%,50%) |
| #5E33CC |
rgb(94,51,204) |
hsl(257,60%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #749CDC |
rgb(116,156,220) |
hsl(217,60%,66%) |
| #5385D4 |
rgb(83,133,212) |
hsl(217,60%,58%) |
| #336ECC |
rgb(51,110,204) |
hsl(217,60%,50%) |
| #2A5CAB |
rgb(42,92,171) |
hsl(217,61%,42%) |
| #224A8A |
rgb(34,74,138) |
hsl(217,60%,34%) |
| #1A386A |
rgb(26,56,106) |
hsl(218,61%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336ECC |
rgb(51,110,204) |
hsl(217,60%,50%) |
| #CC4533 |
rgb(204,69,51) |
hsl(7,60%,50%) |
| #BACC33 |
rgb(186,204,51) |
hsl(67,60%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336ECC |
rgb(51,110,204) |
hsl(217,60%,50%) |
| #CC9133 |
rgb(204,145,51) |
hsl(37,60%,50%) |
| #33BACC |
rgb(51,186,204) |
hsl(187,60%,50%) |
| #BACC33 |
rgb(186,204,51) |
hsl(67,60%,50%) |
