HEX #337DCB color — Mariner
The color #337DCB is a dark shade and moderately saturated.
Palette
337DCB color palette from light to dark
HEX |
RGB |
HSL |
#ebf2fa |
rgb(235,242,250) |
hsl(211,60%,95%) |
#d6e5f5 |
rgb(214,229,245) |
hsl(211,60%,90%) |
#c2d8f0 |
rgb(194,216,240) |
hsl(211,60%,85%) |
#adcbeb |
rgb(173,203,235) |
hsl(211,60%,80%) |
#99bee6 |
rgb(153,190,230) |
hsl(211,60%,75%) |
#85b1e0 |
rgb(133,177,224) |
hsl(211,60%,70%) |
#70a4db |
rgb(112,164,219) |
hsl(211,60%,65%) |
#5c97d6 |
rgb(92,151,214) |
hsl(211,60%,60%) |
#478ad1 |
rgb(71,138,209) |
hsl(211,60%,55%) |
#337dcc |
rgb(51,125,204) |
hsl(211,60%,50%) |
#2e70b8 |
rgb(46,112,184) |
hsl(211,60%,45%) |
#2964a3 |
rgb(41,100,163) |
hsl(211,60%,40%) |
#24578f |
rgb(36,87,143) |
hsl(211,60%,35%) |
#1f4b7a |
rgb(31,75,122) |
hsl(211,60%,30%) |
#1a3e66 |
rgb(26,62,102) |
hsl(211,60%,25%) |
#143252 |
rgb(20,50,82) |
hsl(211,60%,20%) |
#0f253d |
rgb(15,37,61) |
hsl(211,60%,15%) |
#0a1929 |
rgb(10,25,41) |
hsl(211,60%,10%) |
#050c14 |
rgb(5,12,20) |
hsl(211,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33CCB3 |
rgb(51,204,179) |
hsl(170,60%,50%) |
#337DCB |
rgb(51,125,203) |
hsl(211,60%,50%) |
#4E33CB |
rgb(78,51,203) |
hsl(251,60%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A6DB |
rgb(115,166,219) |
hsl(211,59%,65%) |
#5291D3 |
rgb(82,145,211) |
hsl(211,59%,57%) |
#337DCB |
rgb(51,125,203) |
hsl(211,60%,50%) |
#2A69AA |
rgb(42,105,170) |
hsl(210,60%,42%) |
#22548A |
rgb(34,84,138) |
hsl(211,60%,34%) |
#1A4069 |
rgb(26,64,105) |
hsl(211,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DCB |
rgb(51,125,203) |
hsl(211,60%,50%) |
#CB3633 |
rgb(203,54,51) |
hsl(1,60%,50%) |
#C9CC33 |
rgb(201,204,51) |
hsl(61,60%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DCB |
rgb(51,125,203) |
hsl(211,60%,50%) |
#CB8233 |
rgb(203,130,51) |
hsl(31,60%,50%) |
#33C9CB |
rgb(51,201,203) |
hsl(181,60%,50%) |
#C9CC33 |
rgb(201,204,51) |
hsl(61,60%,50%) |