HEX #3A4A63 color — Fiord
The color #3A4A63 is a dark shade and slightly desaturated.
Palette
3A4A63 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4f7 |
rgb(242,244,247) |
hsl(217,26%,96%) |
#e2e7ee |
rgb(226,231,238) |
hsl(217,26%,91%) |
#d2d9e5 |
rgb(210,217,229) |
hsl(217,26%,86%) |
#c2ccdb |
rgb(194,204,219) |
hsl(217,26%,81%) |
#b2bed2 |
rgb(178,190,210) |
hsl(217,26%,76%) |
#a2b1c8 |
rgb(162,177,200) |
hsl(217,26%,71%) |
#92a3bf |
rgb(146,163,191) |
hsl(217,26%,66%) |
#8296b5 |
rgb(130,150,181) |
hsl(217,26%,61%) |
#7288ac |
rgb(114,136,172) |
hsl(217,26%,56%) |
#627aa3 |
rgb(98,122,163) |
hsl(217,26%,51%) |
#576e94 |
rgb(87,110,148) |
hsl(217,26%,46%) |
#4d6284 |
rgb(77,98,132) |
hsl(217,26%,41%) |
#445674 |
rgb(68,86,116) |
hsl(217,26%,36%) |
#3a4a64 |
rgb(58,74,100) |
hsl(217,26%,31%) |
#313e54 |
rgb(49,62,84) |
hsl(217,26%,26%) |
#283243 |
rgb(40,50,67) |
hsl(217,26%,21%) |
#1e2633 |
rgb(30,38,51) |
hsl(217,26%,16%) |
#151a23 |
rgb(21,26,35) |
hsl(217,26%,11%) |
#0b0e13 |
rgb(11,14,19) |
hsl(217,26%,6%) |
#020203 |
rgb(2,2,3) |
hsl(217,26%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A6360 |
rgb(58,99,96) |
hsl(176,26%,31%) |
#3A4A63 |
rgb(58,74,99) |
hsl(217,26%,31%) |
#453B63 |
rgb(69,59,99) |
hsl(255,25%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435772 |
rgb(67,87,114) |
hsl(214,26%,35%) |
#3A4A63 |
rgb(58,74,99) |
hsl(217,26%,31%) |
#303D53 |
rgb(48,61,83) |
hsl(218,27%,26%) |
#273343 |
rgb(39,51,67) |
hsl(214,26%,21%) |
#1E2633 |
rgb(30,38,51) |
hsl(217,26%,16%) |
#141A23 |
rgb(20,26,35) |
hsl(216,27%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4A63 |
rgb(58,74,99) |
hsl(217,26%,31%) |
#63403A |
rgb(99,64,58) |
hsl(9,26%,31%) |
#5E633A |
rgb(94,99,58) |
hsl(67,26%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4A63 |
rgb(58,74,99) |
hsl(217,26%,31%) |
#63543A |
rgb(99,84,58) |
hsl(38,26%,31%) |
#3A5E63 |
rgb(58,94,99) |
hsl(187,26%,31%) |
#5E633A |
rgb(94,99,58) |
hsl(67,26%,31%) |