HEX #3C4A65 color — Fiord
The color #3C4A65 is a dark shade and slightly desaturated.
Palette
3C4A65 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(220,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(220,25%,92%) |
#d6dbe6 |
rgb(214,219,230) |
hsl(220,25%,87%) |
#c6cddd |
rgb(198,205,221) |
hsl(220,25%,82%) |
#b6bfd3 |
rgb(182,191,211) |
hsl(220,25%,77%) |
#a6b2c9 |
rgb(166,178,201) |
hsl(220,25%,72%) |
#96a4c0 |
rgb(150,164,192) |
hsl(220,25%,67%) |
#8696b6 |
rgb(134,150,182) |
hsl(220,25%,62%) |
#7688ad |
rgb(118,136,173) |
hsl(220,25%,57%) |
#667aa3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#5a6e96 |
rgb(90,110,150) |
hsl(220,25%,47%) |
#506286 |
rgb(80,98,134) |
hsl(220,25%,42%) |
#475676 |
rgb(71,86,118) |
hsl(220,25%,37%) |
#3d4b66 |
rgb(61,75,102) |
hsl(220,25%,32%) |
#343f56 |
rgb(52,63,86) |
hsl(220,25%,27%) |
#2a3346 |
rgb(42,51,70) |
hsl(220,25%,22%) |
#212836 |
rgb(33,40,54) |
hsl(220,25%,17%) |
#171c26 |
rgb(23,28,38) |
hsl(220,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(220,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(220,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C6664 |
rgb(60,102,100) |
hsl(177,26%,32%) |
#3C4A65 |
rgb(60,74,101) |
hsl(220,25%,32%) |
#493D65 |
rgb(73,61,101) |
hsl(258,25%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#455775 |
rgb(69,87,117) |
hsl(218,26%,36%) |
#3C4A65 |
rgb(60,74,101) |
hsl(220,25%,32%) |
#323D54 |
rgb(50,61,84) |
hsl(221,25%,26%) |
#283344 |
rgb(40,51,68) |
hsl(216,26%,21%) |
#1F2634 |
rgb(31,38,52) |
hsl(220,25%,16%) |
#151A24 |
rgb(21,26,36) |
hsl(220,26%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C4A65 |
rgb(60,74,101) |
hsl(220,25%,32%) |
#65423C |
rgb(101,66,60) |
hsl(9,25%,32%) |
#5E663C |
rgb(94,102,60) |
hsl(71,26%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C4A65 |
rgb(60,74,101) |
hsl(220,25%,32%) |
#65573C |
rgb(101,87,60) |
hsl(40,25%,32%) |
#3C5E65 |
rgb(60,94,101) |
hsl(190,25%,32%) |
#5E663C |
rgb(94,102,60) |
hsl(71,26%,32%) |