HEX #316EC0 color — Mariner

The color #316EC0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316EC0 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(214,59%,97%)
#dfe9f7 rgb(223,233,247) hsl(214,59%,92%)
#cadbf1 rgb(202,219,241) hsl(214,59%,87%)
#b6cdec rgb(182,205,236) hsl(214,59%,82%)
#a2c0e7 rgb(162,192,231) hsl(214,59%,77%)
#8db2e2 rgb(141,178,226) hsl(214,59%,72%)
#79a4dc rgb(121,164,220) hsl(214,59%,67%)
#6596d7 rgb(101,150,215) hsl(214,59%,62%)
#5189d2 rgb(81,137,210) hsl(214,59%,57%)
#3c7bcd rgb(60,123,205) hsl(214,59%,52%)
#316ebf rgb(49,110,191) hsl(214,59%,47%)
#2c63aa rgb(44,99,170) hsl(214,59%,42%)
#275796 rgb(39,87,150) hsl(214,59%,37%)
#214b82 rgb(33,75,130) hsl(214,59%,32%)
#1c3f6d rgb(28,63,109) hsl(214,59%,27%)
#173459 rgb(23,52,89) hsl(214,59%,22%)
#122845 rgb(18,40,69) hsl(214,59%,17%)
#0d1c31 rgb(13,28,49) hsl(214,59%,12%)
#07101c rgb(7,16,28) hsl(214,59%,7%)
#020508 rgb(2,5,8) hsl(214,59%,2%)

Adjacent colors

HEX RGB HSL
#31BFB2 rgb(49,191,178) hsl(175,59%,47%)
#316EC0 rgb(49,110,192) hsl(214,59%,47%)
#5330C0 rgb(83,48,192) hsl(255,60%,47%)

Monochromatic colors

HEX RGB HSL
#6696D7 rgb(102,150,215) hsl(215,59%,62%)
#4782D0 rgb(71,130,208) hsl(214,59%,55%)
#316EC0 rgb(49,110,192) hsl(214,59%,47%)
#295CA1 rgb(41,92,161) hsl(215,59%,40%)
#214A82 rgb(33,74,130) hsl(215,60%,32%)
#193863 rgb(25,56,99) hsl(215,60%,24%)

Triad color palettes

HEX RGB HSL
#316EC0 rgb(49,110,192) hsl(214,59%,47%)
#C03B31 rgb(192,59,49) hsl(4,59%,47%)
#B5BF31 rgb(181,191,49) hsl(64,59%,47%)

Tetrad color palettes

HEX RGB HSL
#316EC0 rgb(49,110,192) hsl(214,59%,47%)
#C08231 rgb(192,130,49) hsl(34,59%,47%)
#31B5C0 rgb(49,181,192) hsl(185,59%,47%)
#B5BF31 rgb(181,191,49) hsl(64,59%,47%)