Huebook

White Mecca Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around White Mecca (#ECF3E1), each snapped to its nearest named color.

#A6C875
#CADEA5
#ECF3E1
#F2F8ED
#F2F8ED

Color names and codes

NameHEXRGBHSLCMYK
Fiddle-Leaf Fig#A6C875166, 200, 11785°, 43%, 62%17, 0, 42, 22
Butterfly#CADEA5202, 222, 16581°, 46%, 76%9, 0, 26, 13
White Mecca#ECF3E1236, 243, 22583°, 43%, 92%3, 0, 7, 5
Unwind#F2F8ED242, 248, 23793°, 44%, 95%2, 0, 4, 3
Unwind#F2F8ED242, 248, 23793°, 44%, 95%2, 0, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A6C875 on #F2F8ED1.74:1—
Aa #A6C875 on #F2F8ED1.74:1—
Aa #A6C875 on #ECF3E11.66:1—
Aa #CADEA5 on #F2F8ED1.34:1—
Aa #CADEA5 on #F2F8ED1.34:1—
Aa #A6C875 on #CADEA51.30:1—

CSS variables

:root {
  --color-1: #a6c875; /* Fiddle-Leaf Fig */
  --color-2: #cadea5; /* Butterfly */
  --color-3: #ecf3e1; /* White Mecca */
  --color-4: #f2f8ed; /* Unwind */
  --color-5: #f2f8ed; /* Unwind */
}

Other schemes from White Mecca

More Very Light Green monochromatic palettes

Questions

What colors go with White Mecca?

In a monochromatic scheme: Fiddle-Leaf Fig (#A6C875), Butterfly (#CADEA5), Unwind (#F2F8ED), Unwind (#F2F8ED).

What is the hex code of White Mecca?

#ECF3E1.