Huebook

Avocado Stone Complementary Color Scheme

Five colors arranged by the complementary rule around Avocado Stone (#4E3E1F), each snapped to its nearest named color.

#4E3E1F
#8E6C39
#1B3053
#0B0F1A
#3C5E95

Color names and codes

NameHEXRGBHSLCMYK
Avocado Stone#4E3E1F78, 62, 3140°, 43%, 21%0, 21, 60, 69
Mango Squash#8E6C39142, 108, 5736°, 43%, 39%0, 24, 60, 44
Elite Blue#1B305327, 48, 83218°, 51%, 22%67, 42, 0, 67
Nyctophobia#0B0F1A11, 15, 26224°, 41%, 7%58, 42, 0, 90
Portuguese Blue#3C5E9560, 94, 149217°, 43%, 41%60, 37, 0, 42

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8E6C39 on #0B0F1A3.97:1AA large
Aa #0B0F1A on #3C5E952.94:1—
Aa #8E6C39 on #1B30532.73:1—
Aa #4E3E1F on #8E6C392.14:1—
Aa #1B3053 on #3C5E952.02:1—
Aa #4E3E1F on #0B0F1A1.85:1—

CSS variables

:root {
  --color-1: #4e3e1f; /* Avocado Stone */
  --color-2: #8e6c39; /* Mango Squash */
  --color-3: #1b3053; /* Elite Blue */
  --color-4: #0b0f1a; /* Nyctophobia */
  --color-5: #3c5e95; /* Portuguese Blue */
}

Other schemes from Avocado Stone

More Dark Orange complementary palettes

Questions

What colors go with Avocado Stone?

In a complementary scheme: Mango Squash (#8E6C39), Elite Blue (#1B3053), Nyctophobia (#0B0F1A), Portuguese Blue (#3C5E95).

What is the hex code of Avocado Stone?

#4E3E1F.