Way Beyond the Blue Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #1188cc; /* Way Beyond the Blue */
  --color-2: #cb1028; /* Super Rose Red */
  --color-3: #cab012; /* Sulphur */
  --color-4: #115a82; /* Whale’s Tale */
  --color-5: #ea3c53; /* Desire */
}

Other schemes from Way Beyond the Blue

• #1188CC

  #46ADF9

  #CC5511

  #883311

  #ED8A53
  Way Beyond the Blue Complementary Color Scheme
• #11CC55

  #11CCBB

  #1188CC

  #1F22D2

  #5511CC
  Way Beyond the Blue Analogous Color Scheme
• #1188CC

  #C71585

  #88CC11

  #55BBFF

  #8C055E
  Way Beyond the Blue Triadic Color Scheme
• #1188CC

  #AA00CC

  #CC5511

  #22CC11

  #55BBFF
  Way Beyond the Blue Tetradic Color Scheme
• #02273A

  #115A82

  #1188CC

  #2CB1EB

  #82CAFC
  Way Beyond the Blue Monochromatic Color Scheme

More Medium Blue split-complementary palettes

• #50647F

  #814D50

  #7F8353

  #2F3F53

  #A97673
  Admiral Blue Split-complementary Color Scheme
• #867BA9

  #AF9C76

  #88AA77

  #5C5083

  #C7C0A7
  Aster Split-complementary Color Scheme
• #007FFF

  #FF0000

  #FEFF00

  #095BAF

  #FF474C
  Azure Split-complementary Color Scheme
• #6A819E

  #A26766

  #9CA664

  #475877

  #BA9B97
  Bay View Split-complementary Color Scheme
• #4F7694

  #954C52

  #948F54

  #324C61

  #B7757C
  Beach View Split-complementary Color Scheme
• #5D66AA

  #AD785C

  #88A95B

  #4B4775

  #C3A491
  Bellflower Split-complementary Color Scheme
• #3356AA

  #A94E37

  #8DA936

  #243F6C

  #CE7259
  Blasphemous Blue Split-complementary Color Scheme
• #0000FF

  #FF7F00

  #88FF00

  #0000BB

  #FFA64F
  Blue Split-complementary Color Scheme
• #309CD0

  #D02B48

  #CEB736

  #256D8D

  #DC6C84
  Blue Burst Split-complementary Color Scheme
• #0020EF

  #EE5500

  #8EFA00

  #0018A8

  #FA873D
  Blue Overdose Split-complementary Color Scheme
• #0066FF

  #FF1500

  #E3FF00

  #0048BA

  #FC5A50
  Blue Ribbon Split-complementary Color Scheme
• #4376AB

  #AB4343

  #A5A943

  #284C75

  #C97376
  Blue Triumph Split-complementary Color Scheme