Naval Night Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #011c39; /* Naval Night */
  --color-2: #02478e; /* Congress Blue */
  --color-3: #3d1c02; /* 90% Cocoa */
  --color-4: #1c1208; /* Crowshead */
  --color-5: #995500; /* Charlie Brown */
}

Other schemes from Naval Night

• #003311

  #003839

  #011C39

  #020035

  #160435
  Naval Night Analogous Color Scheme
• #011C39

  #330018

  #133700

  #004F98

  #180614
  Naval Night Triadic Color Scheme
• #011C39

  #330000

  #373E02

  #01081C

  #840804
  Naval Night Split-complementary Color Scheme
• #011C39

  #330033

  #3D1C02

  #033500

  #004F98
  Naval Night Tetradic Color Scheme
• #01081C

  #01081C

  #011C39

  #014182

  #0066CC
  Naval Night Monochromatic Color Scheme

More Very Dark Blue complementary palettes

• #203943

  #3D6D84

  #442D21

  #130D07

  #8A5640
  Astral Nomad Complementary Color Scheme
• #211D49

  #3C3D8A

  #48531A

  #16160E

  #91923A
  Azulado Complementary Color Scheme
• #0A3251

  #126DA8

  #4A290D

  #1C1208

  #AA5412
  Beyond the Stars Complementary Color Scheme
• #1E272C

  #3F5865

  #2E211B

  #130D0D

  #6E5241
  Black Pearl Complementary Color Scheme
• #222233

  #42426F

  #333322

  #12110E

  #777648
  Black Velvet Complementary Color Scheme
• #1E3442

  #386782

  #452C1F

  #130D07

  #8E593C
  Blue Whale Complementary Color Scheme
• #242A2E

  #435A6F

  #35281E

  #130D0D

  #745947
  Cinder Complementary Color Scheme
• #111122

  #2E305E

  #222211

  #16110D

  #69673A
  Corbeau Complementary Color Scheme
• #1B2431

  #3C4F6E

  #35281E

  #16110D

  #715D3D
  Dark Complementary Color Scheme
• #112244

  #25488A

  #4D3113

  #1C1208

  #956F29
  Dark Eclipse Complementary Color Scheme
• #151931

  #323B6C

  #333311

  #16110D

  #786E38
  Dark Knight Complementary Color Scheme
• #112255

  #214DAA

  #444411

  #1C1208

  #AA8822
  Dark Soul Complementary Color Scheme