HEX #3E5460 color — Fiord
The color #3e5460 is a dark shade and slightly desaturated.
Palette
3e5460 color palette from light to dark
| HEX |
RGB |
HSL |
| #f3f5f7 |
rgb(243,245,247) |
hsl(201,22%,96%) |
| #e3eaed |
rgb(227,234,237) |
hsl(201,22%,91%) |
| #d3dee3 |
rgb(211,222,227) |
hsl(201,22%,86%) |
| #c4d2d9 |
rgb(196,210,217) |
hsl(201,22%,81%) |
| #b4c6cf |
rgb(180,198,207) |
hsl(201,22%,76%) |
| #a5bac5 |
rgb(165,186,197) |
hsl(201,22%,71%) |
| #95aebb |
rgb(149,174,187) |
hsl(201,22%,66%) |
| #86a2b1 |
rgb(134,162,177) |
hsl(201,22%,61%) |
| #7696a7 |
rgb(118,150,167) |
hsl(201,22%,56%) |
| #678a9e |
rgb(103,138,158) |
hsl(201,22%,51%) |
| #5b7d8f |
rgb(91,125,143) |
hsl(201,22%,46%) |
| #526f80 |
rgb(82,111,128) |
hsl(201,22%,41%) |
| #486270 |
rgb(72,98,112) |
hsl(201,22%,36%) |
| #3e5460 |
rgb(62,84,96) |
hsl(201,22%,31%) |
| #344751 |
rgb(52,71,81) |
hsl(201,22%,26%) |
| #2a3941 |
rgb(42,57,65) |
hsl(201,22%,21%) |
| #202b32 |
rgb(32,43,50) |
hsl(201,22%,16%) |
| #161e22 |
rgb(22,30,34) |
hsl(201,22%,11%) |
| #0c1013 |
rgb(12,16,19) |
hsl(201,22%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(201,22%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3E6155 |
rgb(62,97,85) |
hsl(159,22%,31%) |
| #3E5460 |
rgb(62,84,96) |
hsl(201,22%,31%) |
| #3E3D60 |
rgb(62,61,96) |
hsl(242,22%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #47616F |
rgb(71,97,111) |
hsl(201,22%,36%) |
| #3E5460 |
rgb(62,84,96) |
hsl(201,22%,31%) |
| #344750 |
rgb(52,71,80) |
hsl(199,21%,26%) |
| #2A3841 |
rgb(42,56,65) |
hsl(203,21%,21%) |
| #202B31 |
rgb(32,43,49) |
hsl(201,21%,16%) |
| #161F22 |
rgb(22,31,34) |
hsl(195,21%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3E5460 |
rgb(62,84,96) |
hsl(201,22%,31%) |
| #603D43 |
rgb(96,61,67) |
hsl(350,22%,31%) |
| #605C3E |
rgb(96,92,62) |
hsl(53,22%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3E5460 |
rgb(62,84,96) |
hsl(201,22%,31%) |
| #604A3E |
rgb(96,74,62) |
hsl(21,22%,31%) |
| #3E615B |
rgb(62,97,91) |
hsl(170,22%,31%) |
| #605C3E |
rgb(96,92,62) |
hsl(53,22%,31%) |
