Huebook

Fire Complementary Color Scheme

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

#8F3F2A
#CB6649
#2F7A92
#1B4556
#52B4CA

Color names and codes

NameHEXRGBHSLCMYK
Fire#8F3F2A143, 63, 4212°, 55%, 36%0, 56, 71, 44
Enshūcha Red#CB6649203, 102, 7313°, 56%, 54%0, 50, 64, 20
Turkish Stone#2F7A9247, 122, 146195°, 51%, 38%68, 16, 0, 43
Blue Syzygy#1B455627, 69, 86197°, 52%, 22%69, 20, 0, 66
Blue Bobbin#52B4CA82, 180, 202191°, 53%, 56%59, 11, 0, 21

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1B4556 on #52B4CA4.30:1AA large
Aa #8F3F2A on #52B4CA3.00:1AA large
Aa #CB6649 on #1B45562.72:1—
Aa #2F7A92 on #1B45562.13:1—
Aa #2F7A92 on #52B4CA2.02:1—
Aa #8F3F2A on #CB66491.90:1—

CSS variables

:root {
  --color-1: #8f3f2a; /* Fire */
  --color-2: #cb6649; /* Enshūcha Red */
  --color-3: #2f7a92; /* Turkish Stone */
  --color-4: #1b4556; /* Blue Syzygy */
  --color-5: #52b4ca; /* Blue Bobbin */
}

Other schemes from Fire

More Dark Red complementary palettes

Questions

What colors go with Fire?

In a complementary scheme: Enshūcha Red (#CB6649), Turkish Stone (#2F7A92), Blue Syzygy (#1B4556), Blue Bobbin (#52B4CA).

What is the hex code of Fire?

#8F3F2A.