Huebook

Autumnal Complementary Color Scheme

Five colors arranged by the complementary rule around Autumnal (#AD5928), each snapped to its nearest named color.

#AD5928
#DB8959
#2B7CAF
#1D5671
#65B4D8

Color names and codes

NameHEXRGBHSLCMYK
Autumnal#AD5928173, 89, 4022°, 62%, 42%0, 49, 77, 32
Late Bloomer#DB8959219, 137, 8922°, 64%, 60%0, 37, 59, 14
Vermeer Blue#2B7CAF43, 124, 175203°, 61%, 43%75, 29, 0, 31
Canoe Blue#1D567129, 86, 113199°, 59%, 28%74, 24, 0, 56
Riviera Blue#65B4D8101, 180, 216199°, 60%, 62%53, 17, 0, 15

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1D5671 on #65B4D83.46:1AA large
Aa #DB8959 on #1D56712.95:1—
Aa #AD5928 on #65B4D82.14:1—
Aa #2B7CAF on #65B4D81.97:1—
Aa #AD5928 on #DB89591.83:1—
Aa #2B7CAF on #1D56711.76:1—

CSS variables

:root {
  --color-1: #ad5928; /* Autumnal */
  --color-2: #db8959; /* Late Bloomer */
  --color-3: #2b7caf; /* Vermeer Blue */
  --color-4: #1d5671; /* Canoe Blue */
  --color-5: #65b4d8; /* Riviera Blue */
}

Other schemes from Autumnal

More Medium Orange complementary palettes

Questions

What colors go with Autumnal?

In a complementary scheme: Late Bloomer (#DB8959), Vermeer Blue (#2B7CAF), Canoe Blue (#1D5671), Riviera Blue (#65B4D8).

What is the hex code of Autumnal?

#AD5928.