Beer Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #fcaa12; /* Beer */
  --color-2: #04d9ff; /* Neon Blue */
  --color-3: #3311ee; /* Delft Blue */
  --color-4: #bd7e08; /* Guo Tie Dumpling */
  --color-5: #55eeff; /* Bioluminescence */
}

Other schemes from Beer

• #FCAA12

  #FACE6D

  #1166FF

  #0044BB

  #77AAFF
  Beer Complementary Color Scheme
• #FF1166

  #FF3311

  #FCAA12

  #DFFF11

  #66FF11
  Beer Analogous Color Scheme
• #FCAA12

  #17F9A6

  #AD0AFD

  #FFCE79

  #00BB77
  Beer Triadic Color Scheme
• #FCAA12

  #00FF33

  #1166FF

  #ED0DD9

  #FFCE79
  Beer Tetradic Color Scheme
• #774D07

  #BD7E08

  #FCAA12

  #FEC65F

  #FCE0A8
  Beer Monochromatic Color Scheme

More Medium Orange split-complementary palettes

• #E56E24

  #25E2CD

  #273BE2

  #AD4E1A

  #6FE7DB
  24 Carrot Split-complementary Color Scheme
• #F2850D

  #11EEEE

  #150AEC

  #A75E09

  #56F7F3
  À l’Orange Split-complementary Color Scheme
• #7F5E50

  #43817A

  #4E5481

  #533B32

  #74A69B
  Acorn Split-complementary Color Scheme
• #C09856

  #56B3C3

  #6258C4

  #976F3C

  #8ECED8
  Amaretto Sour Split-complementary Color Scheme
• #FFBF00

  #00BFFF

  #3F00FF

  #BB8800

  #4CD5FF
  Amber Split-complementary Color Scheme
• #F4711E

  #08E8DE

  #152EFF

  #BB5511

  #66EEEE
  Apocalyptic Orange Split-complementary Color Scheme
• #FF7013

  #11FFEE

  #152EFF

  #C65102

  #65FFFF
  Arancio Split-complementary Color Scheme
• #9D6646

  #4A9C95

  #445599

  #6A432D

  #71BAB4
  Argan Oil Split-complementary Color Scheme
• #BB8246

  #43BCBE

  #4A40AD

  #825E2F

  #7FD3D3
  Arrakis Spice Split-complementary Color Scheme
• #B3861E

  #1E98AE

  #3A18B1

  #775511

  #34B5D5
  Arrowwood Split-complementary Color Scheme
• #F88605

  #01F1F1

  #0C06F7

  #B25F03

  #53F6FF
  Atomic Orange Split-complementary Color Scheme
• #AD5928

  #25AE8E

  #2138AB

  #72371C

  #48D1CC
  Autumnal Split-complementary Color Scheme