Huebook

Peanut Complementary Color Scheme

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

#7A4434
#B36853
#306A78
#1C3B42
#58A0BC

Color names and codes

NameHEXRGBHSLCMYK
Peanut#7A4434122, 68, 5214°, 40%, 34%0, 44, 57, 52
Deathclaw Brown#B36853179, 104, 8313°, 39%, 51%0, 42, 54, 30
Ocean’s Embrace#306A7848, 106, 120192°, 43%, 33%60, 12, 0, 53
Royal Neptune#1C3B4228, 59, 66191°, 40%, 18%58, 11, 0, 74
Dupain#58A0BC88, 160, 188197°, 43%, 54%53, 15, 0, 26

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1C3B42 on #58A0BC4.09:1AA large
Aa #B36853 on #1C3B422.86:1—
Aa #7A4434 on #58A0BC2.65:1—
Aa #306A78 on #58A0BC2.07:1—
Aa #306A78 on #1C3B421.97:1—
Aa #7A4434 on #B368531.86:1—

CSS variables

:root {
  --color-1: #7a4434; /* Peanut */
  --color-2: #b36853; /* Deathclaw Brown */
  --color-3: #306a78; /* Ocean’s Embrace */
  --color-4: #1c3b42; /* Royal Neptune */
  --color-5: #58a0bc; /* Dupain */
}

Other schemes from Peanut

More Dark Red complementary palettes

Questions

What colors go with Peanut?

In a complementary scheme: Deathclaw Brown (#B36853), Ocean’s Embrace (#306A78), Royal Neptune (#1C3B42), Dupain (#58A0BC).

What is the hex code of Peanut?

#7A4434.