HEX #3A546A color — Fiord

The color #3A546A is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A546A color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(208,29%,97%)
#e5ebf1 rgb(229,235,241) hsl(208,29%,92%)
#d4dee7 rgb(212,222,231) hsl(208,29%,87%)
#c4d2de rgb(196,210,222) hsl(208,29%,82%)
#b3c5d5 rgb(179,197,213) hsl(208,29%,77%)
#a3b9cc rgb(163,185,204) hsl(208,29%,72%)
#92acc3 rgb(146,172,195) hsl(208,29%,67%)
#82a0ba rgb(130,160,186) hsl(208,29%,62%)
#7293b1 rgb(114,147,177) hsl(208,29%,57%)
#6187a8 rgb(97,135,168) hsl(208,29%,52%)
#557a9b rgb(85,122,155) hsl(208,29%,47%)
#4c6d8a rgb(76,109,138) hsl(208,29%,42%)
#43607a rgb(67,96,122) hsl(208,29%,37%)
#3a5369 rgb(58,83,105) hsl(208,29%,32%)
#314659 rgb(49,70,89) hsl(208,29%,27%)
#283948 rgb(40,57,72) hsl(208,29%,22%)
#1f2c38 rgb(31,44,56) hsl(208,29%,17%)
#161f27 rgb(22,31,39) hsl(208,29%,12%)
#0d1217 rgb(13,18,23) hsl(208,29%,7%)
#040507 rgb(4,5,7) hsl(208,29%,2%)

Adjacent colors

HEX RGB HSL
#3A6B60 rgb(58,107,96) hsl(167,30%,32%)
#3A546A rgb(58,84,106) hsl(208,29%,32%)
#403B6A rgb(64,59,106) hsl(246,28%,32%)

Monochromatic colors

HEX RGB HSL
#43617A rgb(67,97,122) hsl(207,29%,37%)
#3A546A rgb(58,84,106) hsl(208,29%,32%)
#304759 rgb(48,71,89) hsl(206,30%,27%)
#273848 rgb(39,56,72) hsl(209,30%,22%)
#1E2B37 rgb(30,43,55) hsl(209,29%,17%)
#141F26 rgb(20,31,38) hsl(203,31%,11%)

Triad color palettes

HEX RGB HSL
#3A546A rgb(58,84,106) hsl(208,29%,32%)
#6A3B3C rgb(106,59,60) hsl(359,28%,32%)
#6A693A rgb(106,105,58) hsl(59,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A546A rgb(58,84,106) hsl(208,29%,32%)
#6A4F3A rgb(106,79,58) hsl(26,29%,32%)
#3A6B68 rgb(58,107,104) hsl(176,30%,32%)
#6A693A rgb(106,105,58) hsl(59,29%,32%)