Huebook

Dwarven Bronze Complementary Color Scheme

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

#BF652E
#D69969
#3887BD
#1D5C83
#74B8DE

Color names and codes

NameHEXRGBHSLCMYK
Dwarven Bronze#BF652E191, 101, 4623°, 61%, 46%0, 47, 76, 25
Folksy Gold#D69969214, 153, 10526°, 57%, 63%0, 29, 51, 16
Pat-A-Pep#3887BD56, 135, 189204°, 54%, 48%70, 29, 0, 26
Oceanic Motion#1D5C8329, 92, 131203°, 64%, 31%78, 30, 0, 49
Tranquil Bay#74B8DE116, 184, 222202°, 62%, 66%48, 17, 0, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1D5C83 on #74B8DE3.32:1AA large
Aa #D69969 on #1D5C832.96:1—
Aa #BF652E on #74B8DE1.89:1—
Aa #3887BD on #1D5C831.84:1—
Aa #3887BD on #74B8DE1.80:1—
Aa #BF652E on #1D5C831.76:1—

CSS variables

:root {
  --color-1: #bf652e; /* Dwarven Bronze */
  --color-2: #d69969; /* Folksy Gold */
  --color-3: #3887bd; /* Pat-A-Pep */
  --color-4: #1d5c83; /* Oceanic Motion */
  --color-5: #74b8de; /* Tranquil Bay */
}

Other schemes from Dwarven Bronze

More Medium Orange complementary palettes

Questions

What colors go with Dwarven Bronze?

In a complementary scheme: Folksy Gold (#D69969), Pat-A-Pep (#3887BD), Oceanic Motion (#1D5C83), Tranquil Bay (#74B8DE).

What is the hex code of Dwarven Bronze?

#BF652E.