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%) |