HEX #3A4260 color — Fiord
The color #3A4260 is a dark shade and slightly desaturated.
Palette
3A4260 color palette from light to dark
HEX |
RGB |
HSL |
#eff0f5 |
rgb(239,240,245) |
hsl(227,25%,95%) |
#dfe2ec |
rgb(223,226,236) |
hsl(227,25%,90%) |
#cfd3e2 |
rgb(207,211,226) |
hsl(227,25%,85%) |
#bfc5d9 |
rgb(191,197,217) |
hsl(227,25%,80%) |
#afb6cf |
rgb(175,182,207) |
hsl(227,25%,75%) |
#9fa8c6 |
rgb(159,168,198) |
hsl(227,25%,70%) |
#8f99bc |
rgb(143,153,188) |
hsl(227,25%,65%) |
#808bb3 |
rgb(128,139,179) |
hsl(227,25%,60%) |
#707ca9 |
rgb(112,124,169) |
hsl(227,25%,55%) |
#606d9f |
rgb(96,109,159) |
hsl(227,25%,50%) |
#56628f |
rgb(86,98,143) |
hsl(227,25%,45%) |
#4d5880 |
rgb(77,88,128) |
hsl(227,25%,40%) |
#434d70 |
rgb(67,77,112) |
hsl(227,25%,35%) |
#394260 |
rgb(57,66,96) |
hsl(227,25%,30%) |
#303750 |
rgb(48,55,80) |
hsl(227,25%,25%) |
#262c40 |
rgb(38,44,64) |
hsl(227,25%,20%) |
#1d2130 |
rgb(29,33,48) |
hsl(227,25%,15%) |
#131620 |
rgb(19,22,32) |
hsl(227,25%,10%) |
#0a0b10 |
rgb(10,11,16) |
hsl(227,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A5C60 |
rgb(58,92,96) |
hsl(186,25%,30%) |
#3A4260 |
rgb(58,66,96) |
hsl(227,25%,30%) |
#4B3B60 |
rgb(75,59,96) |
hsl(266,24%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#434D6F |
rgb(67,77,111) |
hsl(226,25%,35%) |
#3A4260 |
rgb(58,66,96) |
hsl(227,25%,30%) |
#303850 |
rgb(48,56,80) |
hsl(225,25%,25%) |
#272E41 |
rgb(39,46,65) |
hsl(224,25%,20%) |
#1E2131 |
rgb(30,33,49) |
hsl(231,24%,15%) |
#141722 |
rgb(20,23,34) |
hsl(227,26%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4260 |
rgb(58,66,96) |
hsl(227,25%,30%) |
#60453A |
rgb(96,69,58) |
hsl(17,25%,30%) |
#55613A |
rgb(85,97,58) |
hsl(78,25%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4260 |
rgb(58,66,96) |
hsl(227,25%,30%) |
#60593A |
rgb(96,89,58) |
hsl(49,25%,30%) |
#3A5460 |
rgb(58,84,96) |
hsl(199,25%,30%) |
#55613A |
rgb(85,97,58) |
hsl(78,25%,30%) |