HEX #3A5569 color — Fiord
The color #3a5569 is a dark shade and slightly desaturated.
Palette
3a5569 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(206,29%,97%) |
#e5ebf1 |
rgb(229,235,241) |
hsl(206,29%,92%) |
#d4dfe7 |
rgb(212,223,231) |
hsl(206,29%,87%) |
#c4d3de |
rgb(196,211,222) |
hsl(206,29%,82%) |
#b3c7d5 |
rgb(179,199,213) |
hsl(206,29%,77%) |
#a3bacc |
rgb(163,186,204) |
hsl(206,29%,72%) |
#92aec3 |
rgb(146,174,195) |
hsl(206,29%,67%) |
#82a2ba |
rgb(130,162,186) |
hsl(206,29%,62%) |
#7296b1 |
rgb(114,150,177) |
hsl(206,29%,57%) |
#6189a8 |
rgb(97,137,168) |
hsl(206,29%,52%) |
#557c9b |
rgb(85,124,155) |
hsl(206,29%,47%) |
#4c6f8a |
rgb(76,111,138) |
hsl(206,29%,42%) |
#43627a |
rgb(67,98,122) |
hsl(206,29%,37%) |
#3a5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
#314859 |
rgb(49,72,89) |
hsl(206,29%,27%) |
#283a48 |
rgb(40,58,72) |
hsl(206,29%,22%) |
#1f2d38 |
rgb(31,45,56) |
hsl(206,29%,17%) |
#162027 |
rgb(22,32,39) |
hsl(206,29%,12%) |
#0d1317 |
rgb(13,19,23) |
hsl(206,29%,7%) |
#040507 |
rgb(4,5,7) |
hsl(206,29%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A695D |
rgb(58,105,93) |
hsl(165,29%,32%) |
#3A5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
#3E3B69 |
rgb(62,59,105) |
hsl(244,28%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436379 |
rgb(67,99,121) |
hsl(204,29%,37%) |
#3A5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
#304758 |
rgb(48,71,88) |
hsl(206,29%,27%) |
#273B47 |
rgb(39,59,71) |
hsl(203,29%,22%) |
#1E2B36 |
rgb(30,43,54) |
hsl(208,29%,16%) |
#141F25 |
rgb(20,31,37) |
hsl(201,30%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
#693B3D |
rgb(105,59,61) |
hsl(357,28%,32%) |
#69663A |
rgb(105,102,58) |
hsl(56,29%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
#694F3A |
rgb(105,79,58) |
hsl(27,29%,32%) |
#3A6965 |
rgb(58,105,101) |
hsl(175,29%,32%) |
#69663A |
rgb(105,102,58) |
hsl(56,29%,32%) |