HEX #3F455A color — Bright Gray
The color #3f455a is a dark shade and slightly desaturated.
Palette
3f455a color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(227,18%,95%) |
#e1e3ea |
rgb(225,227,234) |
hsl(227,18%,90%) |
#d2d5e0 |
rgb(210,213,224) |
hsl(227,18%,85%) |
#c3c7d5 |
rgb(195,199,213) |
hsl(227,18%,80%) |
#b4b9cb |
rgb(180,185,203) |
hsl(227,18%,75%) |
#a5abc0 |
rgb(165,171,192) |
hsl(227,18%,70%) |
#969db6 |
rgb(150,157,182) |
hsl(227,18%,65%) |
#878fab |
rgb(135,143,171) |
hsl(227,18%,60%) |
#7881a1 |
rgb(120,129,161) |
hsl(227,18%,55%) |
#697296 |
rgb(105,114,150) |
hsl(227,18%,50%) |
#5e6787 |
rgb(94,103,135) |
hsl(227,18%,45%) |
#545c78 |
rgb(84,92,120) |
hsl(227,18%,40%) |
#495069 |
rgb(73,80,105) |
hsl(227,18%,35%) |
#3f455a |
rgb(63,69,90) |
hsl(227,18%,30%) |
#34394b |
rgb(52,57,75) |
hsl(227,18%,25%) |
#2a2e3c |
rgb(42,46,60) |
hsl(227,18%,20%) |
#1f222d |
rgb(31,34,45) |
hsl(227,18%,15%) |
#15171e |
rgb(21,23,30) |
hsl(227,18%,10%) |
#0a0b0f |
rgb(10,11,15) |
hsl(227,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F575A |
rgb(63,87,90) |
hsl(187,18%,30%) |
#3F455A |
rgb(63,69,90) |
hsl(227,18%,30%) |
#4B405A |
rgb(75,64,90) |
hsl(265,17%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494F68 |
rgb(73,79,104) |
hsl(228,18%,35%) |
#3F455A |
rgb(63,69,90) |
hsl(227,18%,30%) |
#343B4B |
rgb(52,59,75) |
hsl(222,18%,25%) |
#2A2E3D |
rgb(42,46,61) |
hsl(227,18%,20%) |
#20242E |
rgb(32,36,46) |
hsl(223,18%,15%) |
#161A20 |
rgb(22,26,32) |
hsl(216,19%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F455A |
rgb(63,69,90) |
hsl(227,18%,30%) |
#5A473F |
rgb(90,71,63) |
hsl(18,18%,30%) |
#52593F |
rgb(82,89,63) |
hsl(76,17%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F455A |
rgb(63,69,90) |
hsl(227,18%,30%) |
#5A543F |
rgb(90,84,63) |
hsl(47,18%,30%) |
#3F525A |
rgb(63,82,90) |
hsl(198,18%,30%) |
#52593F |
rgb(82,89,63) |
hsl(76,17%,30%) |