HEX #3C4A6A color — Fiord
The color #3C4A6A is a dark shade and slightly desaturated.
Palette
3C4A6A color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f9fb |
rgb(248,249,251) |
hsl(222,28%,98%) |
| #e8ebf2 |
rgb(232,235,242) |
hsl(222,28%,93%) |
| #d8dde9 |
rgb(216,221,233) |
hsl(222,28%,88%) |
| #c8cfe0 |
rgb(200,207,224) |
hsl(222,28%,83%) |
| #b7c1d7 |
rgb(183,193,215) |
hsl(222,28%,78%) |
| #a7b2cd |
rgb(167,178,205) |
hsl(222,28%,73%) |
| #97a4c4 |
rgb(151,164,196) |
hsl(222,28%,68%) |
| #8696bb |
rgb(134,150,187) |
hsl(222,28%,63%) |
| #7688b2 |
rgb(118,136,178) |
hsl(222,28%,58%) |
| #667aa9 |
rgb(102,122,169) |
hsl(222,28%,53%) |
| #586d9d |
rgb(88,109,157) |
hsl(222,28%,48%) |
| #4f618c |
rgb(79,97,140) |
hsl(222,28%,43%) |
| #46567c |
rgb(70,86,124) |
hsl(222,28%,38%) |
| #3d4b6c |
rgb(61,75,108) |
hsl(222,28%,33%) |
| #333f5b |
rgb(51,63,91) |
hsl(222,28%,28%) |
| #2a344b |
rgb(42,52,75) |
hsl(222,28%,23%) |
| #21293b |
rgb(33,41,59) |
hsl(222,28%,18%) |
| #181d2a |
rgb(24,29,42) |
hsl(222,28%,13%) |
| #0f121a |
rgb(15,18,26) |
hsl(222,28%,8%) |
| #06070a |
rgb(6,7,10) |
hsl(222,28%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3C696A |
rgb(60,105,106) |
hsl(181,28%,33%) |
| #3C4A6A |
rgb(60,74,106) |
hsl(222,28%,33%) |
| #4C3D6A |
rgb(76,61,106) |
hsl(260,27%,33%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #45577A |
rgb(69,87,122) |
hsl(220,28%,37%) |
| #3C4A6A |
rgb(60,74,106) |
hsl(222,28%,33%) |
| #323D59 |
rgb(50,61,89) |
hsl(223,28%,27%) |
| #283348 |
rgb(40,51,72) |
hsl(219,29%,22%) |
| #1F2637 |
rgb(31,38,55) |
hsl(223,28%,17%) |
| #151A26 |
rgb(21,26,38) |
hsl(222,29%,12%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C4A6A |
rgb(60,74,106) |
hsl(222,28%,33%) |
| #6A453C |
rgb(106,69,60) |
hsl(12,28%,33%) |
| #616B3C |
rgb(97,107,60) |
hsl(73,28%,33%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C4A6A |
rgb(60,74,106) |
hsl(222,28%,33%) |
| #6A5C3C |
rgb(106,92,60) |
hsl(42,28%,33%) |
| #3C616A |
rgb(60,97,106) |
hsl(192,28%,33%) |
| #616B3C |
rgb(97,107,60) |
hsl(73,28%,33%) |
