HEX #316EC0 color — Mariner
The color #316EC0 is a dark shade and moderately saturated.
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%) |