High Blue Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #4ca8e0; /* High Blue */
  --color-2: #e4445e; /* Paradise Pink */
  --color-3: #e2cd52; /* Citrus Spice */
  --color-4: #2a8fbd; /* Christmas Blue */
  --color-5: #eb8f9d; /* Peony */
}

Other schemes from High Blue

• #4CA8E0

  #99CCEE

  #E68750

  #BD5620

  #EFC1A6
  High Blue Complementary Color Scheme
• #58F898

  #40E0D0

  #4CA8E0

  #4455EE

  #8756E4
  High Blue Analogous Color Scheme
• #4CA8E0

  #F246A7

  #A7E142

  #A3D4EF

  #BB2288
  High Blue Triadic Color Scheme
• #4CA8E0

  #CC55EE

  #E68750

  #43E85F

  #A3D4EF
  High Blue Tetradic Color Scheme
• #145775

  #2A8FBD

  #4CA8E0

  #88C7E9

  #CCEBF5
  High 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