Sapphire Splendour Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #2425b9; /* Sapphire Splendour */
  --color-2: #4b57db; /* Warm Blue */
  --color-3: #babd29; /* Spring Forward */
  --color-4: #777711; /* Medusa’s Snakes */
  --color-5: #ebe667; /* Celandine */
}

Other schemes from Sapphire Splendour

• #26B7B5

  #2C6FBB

  #2425B9

  #6225B8

  #BB22BB
  Sapphire Splendour Analogous Color Scheme
• #2425B9

  #BB2222

  #22BB22

  #6666EE

  #711518
  Sapphire Splendour Triadic Color Scheme
• #2425B9

  #B56C23

  #63B521

  #191970

  #DE954B
  Sapphire Splendour Split-complementary Color Scheme
• #2425B9

  #BB2277

  #BABD29

  #22BB66

  #6666EE
  Sapphire Splendour Tetradic Color Scheme
• #0F1039

  #191970

  #2425B9

  #4D52DE

  #8F8CE7
  Sapphire Splendour Monochromatic Color Scheme

More Medium Blue complementary palettes

• #50647F

  #7B8EB0

  #836B4F

  #544333

  #B29E81
  Admiral Blue Complementary Color Scheme
• #867BA9

  #B8B0CF

  #A4AE77

  #7F8353

  #CFD2B5
  Aster Complementary Color Scheme
• #007FFF

  #5BA8FF

  #FF8400

  #B25F03

  #FFB066
  Azure Complementary Color Scheme
• #6A819E

  #9EB2C3

  #A68966

  #756244

  #C8B9A4
  Bay View Complementary Color Scheme
• #4F7694

  #83A2BD

  #936B4F

  #654636

  #C1A188
  Beach View Complementary Color Scheme
• #5D66AA

  #939DCC

  #B3A156

  #7D7640

  #CCC7A1
  Bellflower Complementary Color Scheme
• #3356AA

  #6688CC

  #AA8833

  #685C27

  #D3B66C
  Blasphemous Blue Complementary Color Scheme
• #0000FF

  #5555FF

  #FFFF00

  #A8B504

  #FFFF66
  Blue Complementary Color Scheme
• #309CD0

  #76C1E1

  #CD632A

  #8F4826

  #E3A385
  Blue Burst Complementary Color Scheme
• #0020EF

  #4466FF

  #EFD100

  #A38E00

  #F7E856
  Blue Overdose Complementary Color Scheme
• #0066FF

  #5599FF

  #FF9900

  #B96B00

  #FFC265
  Blue Ribbon Complementary Color Scheme
• #4376AB

  #7AA3CC

  #AB7741

  #73532A

  #CCAC86
  Blue Triumph Complementary Color Scheme