Huebook

Crashing Waves Tetradic Color Scheme

Five colors arranged by the tetradic rule around Crashing Waves (#3E6F87), each snapped to its nearest named color.

#3E6F87
#723F89
#84563C
#468C3E
#6BA0BF

Color names and codes

NameHEXRGBHSLCMYK
Crashing Waves#3E6F8762, 111, 135200°, 37%, 39%54, 18, 0, 47
Amaranth Purple#723F89114, 63, 137281°, 37%, 39%17, 54, 0, 46
Chocolate Stain#84563C132, 86, 6022°, 38%, 38%0, 35, 55, 48
Online Lime#468C3E70, 140, 62114°, 39%, 40%50, 0, 56, 45
Fate#6BA0BF107, 160, 191202°, 40%, 58%44, 16, 0, 25

Which pairs work for text

Text on backgroundContrastWCAG
Aa #723F89 on #6BA0BF2.66:1—
Aa #84563C on #6BA0BF2.19:1—
Aa #3E6F87 on #6BA0BF1.93:1—
Aa #723F89 on #468C3E1.82:1—
Aa #84563C on #468C3E1.50:1—
Aa #468C3E on #6BA0BF1.46:1—

CSS variables

:root {
  --color-1: #3e6f87; /* Crashing Waves */
  --color-2: #723f89; /* Amaranth Purple */
  --color-3: #84563c; /* Chocolate Stain */
  --color-4: #468c3e; /* Online Lime */
  --color-5: #6ba0bf; /* Fate */
}

Other schemes from Crashing Waves

More Dark Blue tetradic palettes

Questions

What colors go with Crashing Waves?

In a tetradic scheme: Amaranth Purple (#723F89), Chocolate Stain (#84563C), Online Lime (#468C3E), Fate (#6BA0BF).

What is the hex code of Crashing Waves?

#3E6F87.