Huebook

Forget-Me-Not Complementary Color Scheme

Five colors arranged by the complementary rule around Forget-Me-Not (#0087BD), each snapped to its nearest named color.

#0087BD
#16B8F3
#BB3300
#742100
#FF6622

Color names and codes

NameHEXRGBHSLCMYK
Forget-Me-Not#0087BD0, 135, 189197°, 100%, 37%100, 29, 0, 26
Zima Blue#16B8F322, 184, 243196°, 90%, 52%91, 24, 0, 5
Dropped Brick#BB3300187, 51, 016°, 100%, 37%0, 73, 100, 27
Burning Steppes#742100116, 33, 017°, 100%, 23%0, 72, 100, 55
Sparrow’s Fire#FF6622255, 102, 3418°, 100%, 57%0, 60, 87, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #16B8F3 on #7421004.69:1AA
Aa #742100 on #FF66223.66:1AA large
Aa #0087BD on #7421002.65:1—
Aa #16B8F3 on #BB33002.56:1—
Aa #BB3300 on #FF66222.00:1—
Aa #BB3300 on #7421001.83:1—

CSS variables

:root {
  --color-1: #0087bd; /* Forget-Me-Not */
  --color-2: #16b8f3; /* Zima Blue */
  --color-3: #bb3300; /* Dropped Brick */
  --color-4: #742100; /* Burning Steppes */
  --color-5: #ff6622; /* Sparrow’s Fire */
}

Other schemes from Forget-Me-Not

More Dark Blue complementary palettes

Questions

What colors go with Forget-Me-Not?

In a complementary scheme: Zima Blue (#16B8F3), Dropped Brick (#BB3300), Burning Steppes (#742100), Sparrow’s Fire (#FF6622).

What is the hex code of Forget-Me-Not?

#0087BD.