HEX #3F4450 color — Bright Gray
The color #3f4450 is a dark shade and slightly desaturated.
Palette
3f4450 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(222,12%,98%) |
#ebecef |
rgb(235,236,239) |
hsl(222,12%,93%) |
#dddfe4 |
rgb(221,223,228) |
hsl(222,12%,88%) |
#ced2d9 |
rgb(206,210,217) |
hsl(222,12%,83%) |
#c0c4ce |
rgb(192,196,206) |
hsl(222,12%,78%) |
#b2b7c2 |
rgb(178,183,194) |
hsl(222,12%,73%) |
#a4a9b7 |
rgb(164,169,183) |
hsl(222,12%,68%) |
#959cac |
rgb(149,156,172) |
hsl(222,12%,63%) |
#878fa1 |
rgb(135,143,161) |
hsl(222,12%,58%) |
#798196 |
rgb(121,129,150) |
hsl(222,12%,53%) |
#6c7589 |
rgb(108,117,137) |
hsl(222,12%,48%) |
#60687b |
rgb(96,104,123) |
hsl(222,12%,43%) |
#555c6d |
rgb(85,92,109) |
hsl(222,12%,38%) |
#4a505e |
rgb(74,80,94) |
hsl(222,12%,33%) |
#3f4450 |
rgb(63,68,80) |
hsl(222,12%,28%) |
#343842 |
rgb(52,56,66) |
hsl(222,12%,23%) |
#282c33 |
rgb(40,44,51) |
hsl(222,12%,18%) |
#1d2025 |
rgb(29,32,37) |
hsl(222,12%,13%) |
#121317 |
rgb(18,19,23) |
hsl(222,12%,8%) |
#070709 |
rgb(7,7,9) |
hsl(222,12%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4F50 |
rgb(63,79,80) |
hsl(184,12%,28%) |
#3F4450 |
rgb(63,68,80) |
hsl(222,12%,28%) |
#454050 |
rgb(69,64,80) |
hsl(259,11%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494F5C |
rgb(73,79,92) |
hsl(221,12%,32%) |
#3F4450 |
rgb(63,68,80) |
hsl(222,12%,28%) |
#343843 |
rgb(52,56,67) |
hsl(224,13%,23%) |
#2A2E36 |
rgb(42,46,54) |
hsl(220,13%,19%) |
#202429 |
rgb(32,36,41) |
hsl(213,12%,14%) |
#161A1C |
rgb(22,26,28) |
hsl(200,12%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4450 |
rgb(63,68,80) |
hsl(222,12%,28%) |
#50423F |
rgb(80,66,63) |
hsl(11,12%,28%) |
#4C4F3F |
rgb(76,79,63) |
hsl(71,11%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4450 |
rgb(63,68,80) |
hsl(222,12%,28%) |
#504A3F |
rgb(80,74,63) |
hsl(39,12%,28%) |
#3F4D50 |
rgb(63,77,80) |
hsl(191,12%,28%) |
#4C4F3F |
rgb(76,79,63) |
hsl(71,11%,28%) |