HEX #1F1C28 color — Bastille

The color #1F1C28 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

1F1C28 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(255,18%,98%)
#eceaf0 rgb(236,234,240) hsl(255,18%,93%)
#dedbe6 rgb(222,219,230) hsl(255,18%,88%)
#d0ccdb rgb(208,204,219) hsl(255,18%,83%)
#c2bdd1 rgb(194,189,209) hsl(255,18%,78%)
#b4aec7 rgb(180,174,199) hsl(255,18%,73%)
#a69fbc rgb(166,159,188) hsl(255,18%,68%)
#9890b2 rgb(152,144,178) hsl(255,18%,63%)
#8a81a7 rgb(138,129,167) hsl(255,18%,58%)
#7c729d rgb(124,114,157) hsl(255,18%,53%)
#6f6490 rgb(111,100,144) hsl(255,18%,48%)
#645a81 rgb(100,90,129) hsl(255,18%,43%)
#584f72 rgb(88,79,114) hsl(255,18%,38%)
#4d4563 rgb(77,69,99) hsl(255,18%,33%)
#413b54 rgb(65,59,84) hsl(255,18%,28%)
#353045 rgb(53,48,69) hsl(255,18%,23%)
#2a2636 rgb(42,38,54) hsl(255,18%,18%)
#1e1b27 rgb(30,27,39) hsl(255,18%,13%)
#131118 rgb(19,17,24) hsl(255,18%,8%)
#070609 rgb(7,6,9) hsl(255,18%,3%)

Adjacent colors

HEX RGB HSL
#1C2128 rgb(28,33,40) hsl(215,18%,13%)
#1F1C28 rgb(31,28,40) hsl(255,18%,13%)
#271C28 rgb(39,28,40) hsl(295,18%,13%)

Monochromatic colors

HEX RGB HSL
#1F1C28 rgb(31,28,40) hsl(255,18%,13%)
#1A1721 rgb(26,23,33) hsl(258,18%,11%)
#15121B rgb(21,18,27) hsl(260,20%,9%)
#100F14 rgb(16,15,20) hsl(252,14%,7%)
#0B0A0E rgb(11,10,14) hsl(255,17%,5%)
#060508 rgb(6,5,8) hsl(260,23%,3%)

Triad color palettes

HEX RGB HSL
#1F1C28 rgb(31,28,40) hsl(255,18%,13%)
#28261C rgb(40,38,28) hsl(50,18%,13%)
#1F291C rgb(31,41,28) hsl(106,19%,14%)

Tetrad color palettes

HEX RGB HSL
#1F1C28 rgb(31,28,40) hsl(255,18%,13%)
#25291C rgb(37,41,28) hsl(78,19%,14%)
#1C1F28 rgb(28,31,40) hsl(225,18%,13%)
#1F291C rgb(31,41,28) hsl(106,19%,14%)