HEX #337ACC color — Mariner
The color #337acc is a dark shade and moderately saturated.
Palette
337acc color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2fa |
rgb(235,242,250) |
hsl(212,60%,95%) |
| #d6e4f5 |
rgb(214,228,245) |
hsl(212,60%,90%) |
| #c2d7f0 |
rgb(194,215,240) |
hsl(212,60%,85%) |
| #adcaeb |
rgb(173,202,235) |
hsl(212,60%,80%) |
| #99bde6 |
rgb(153,189,230) |
hsl(212,60%,75%) |
| #85afe0 |
rgb(133,175,224) |
hsl(212,60%,70%) |
| #70a2db |
rgb(112,162,219) |
hsl(212,60%,65%) |
| #5c95d6 |
rgb(92,149,214) |
hsl(212,60%,60%) |
| #4788d1 |
rgb(71,136,209) |
hsl(212,60%,55%) |
| #337acc |
rgb(51,122,204) |
hsl(212,60%,50%) |
| #2e6eb8 |
rgb(46,110,184) |
hsl(212,60%,45%) |
| #2962a3 |
rgb(41,98,163) |
hsl(212,60%,40%) |
| #24568f |
rgb(36,86,143) |
hsl(212,60%,35%) |
| #1f497a |
rgb(31,73,122) |
hsl(212,60%,30%) |
| #1a3d66 |
rgb(26,61,102) |
hsl(212,60%,25%) |
| #143152 |
rgb(20,49,82) |
hsl(212,60%,20%) |
| #0f253d |
rgb(15,37,61) |
hsl(212,60%,15%) |
| #0a1829 |
rgb(10,24,41) |
hsl(212,60%,10%) |
| #050c14 |
rgb(5,12,20) |
hsl(212,60%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33CCB8 |
rgb(51,204,184) |
hsl(172,60%,50%) |
| #337ACC |
rgb(51,122,204) |
hsl(212,60%,50%) |
| #5233CC |
rgb(82,51,204) |
hsl(252,60%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #74A6DC |
rgb(116,166,220) |
hsl(211,60%,66%) |
| #538FD4 |
rgb(83,143,212) |
hsl(212,60%,58%) |
| #337ACC |
rgb(51,122,204) |
hsl(212,60%,50%) |
| #2A66AB |
rgb(42,102,171) |
hsl(212,61%,42%) |
| #22548A |
rgb(34,84,138) |
hsl(211,60%,34%) |
| #1A406A |
rgb(26,64,106) |
hsl(212,61%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #337ACC |
rgb(51,122,204) |
hsl(212,60%,50%) |
| #CC3833 |
rgb(204,56,51) |
hsl(2,60%,50%) |
| #C6CC33 |
rgb(198,204,51) |
hsl(62,60%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #337ACC |
rgb(51,122,204) |
hsl(212,60%,50%) |
| #CC8533 |
rgb(204,133,51) |
hsl(32,60%,50%) |
| #33C7CC |
rgb(51,199,204) |
hsl(182,60%,50%) |
| #C6CC33 |
rgb(198,204,51) |
hsl(62,60%,50%) |
