Turquoise (CSS) Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #43e85f; /* Toxic Slime */
  --color-2: #58f898; /* Thallium Flame */
  --color-3: #40e0d0; /* Turquoise (CSS) */
  --color-4: #49a0e7; /* Perfect Days */
  --color-5: #4455ee; /* Qing Dynasty Dragon */
}

Other schemes from Turquoise (CSS)

• #40E0D0

  #89F5E3

  #E44458

  #B01B2E

  #F392A0
  Turquoise (CSS) Complementary Color Scheme
• #40E0D0

  #DC41F1

  #E8CE49

  #99EEEE

  #AC1DB8
  Turquoise (CSS) Triadic Color Scheme
• #40E0D0

  #F246A7

  #E98447

  #13BBAF

  #F883C2
  Turquoise (CSS) Split-complementary Color Scheme
• #40E0D0

  #9944EE

  #E44458

  #A7E142

  #99EEEE
  Turquoise (CSS) Tetradic Color Scheme
• #117471

  #13BBAF

  #40E0D0

  #89F5E3

  #C3FBF4
  Turquoise (CSS) Monochromatic Color Scheme

More medium teal analogous color schemes

• #00FF04

  #04F489

  #00FBFF

  #007FFF

  #0000FF
  Aggressive Aqua Analogous Color Scheme
• #55AA44

  #4FAA6C

  #47AE9C

  #4889AC

  #4D5AAF
  Ambrosial Oceanside Analogous Color Scheme
• #70F15E

  #4CFF7B

  #45E9C1

  #44BBFF

  #4466EE
  Aphrodite Aqua Analogous Color Scheme
• #0AFA1E

  #00FA92

  #0FF0FE

  #1177FF

  #1600FC
  Aqua Analogous Color Scheme
• #55FF33

  #2DFE54

  #2EE8BB

  #2CB1EB

  #2E58E8
  Aquamarine Analogous Color Scheme
• #31D652

  #33CC99

  #2DB0CE

  #2266CC

  #5729CE
  Aquarius Analogous Color Scheme
• #5C9F59

  #54927E

  #648589

  #597193

  #5E5896
  Arctic Analogous Color Scheme
• #00FF00

  #00FF7F

  #00FCFC

  #007FFF

  #0000FC
  Arctic Water Analogous Color Scheme
• #5DA464

  #52A786

  #5CA0A7

  #5A77A8

  #6F58A6
  Atlas Cedar Analogous Color Scheme
• #00EE33

  #0AE9B4

  #00BBEE

  #0044EE

  #3F00FF
  Blue Bikini Analogous Color Scheme
• #54C571

  #59C8A5

  #52B4CA

  #507BCE

  #654BC9
  Blue Bobbin Analogous Color Scheme
• #50C878

  #58CEB2

  #52B4D3

  #5170D7

  #6D5ACF
  Blue Martini Analogous Color Scheme