Huebook

Illuminating Monochromatic Color Scheme

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

#BBBB11
#EBE734
#EEEE77
#F7F3BD
#FFFBE8

Color names and codes

NameHEXRGBHSLCMYK
Pickled Limes#BBBB11187, 187, 1760°, 83%, 40%0, 0, 91, 27
Lime Time#EBE734235, 231, 5259°, 82%, 56%0, 2, 78, 8
Illuminating#EEEE77238, 238, 11960°, 78%, 70%0, 0, 50, 7
Turkish Ginger#F7F3BD247, 243, 18956°, 78%, 85%0, 2, 23, 3
Blended Light#FFFBE8255, 251, 23250°, 100%, 95%0, 2, 9, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BBBB11 on #FFFBE81.98:1—
Aa #BBBB11 on #F7F3BD1.81:1—
Aa #BBBB11 on #EEEE771.67:1—
Aa #BBBB11 on #EBE7341.57:1—
Aa #EBE734 on #FFFBE81.26:1—
Aa #EEEE77 on #FFFBE81.18:1—

CSS variables

:root {
  --color-1: #bbbb11; /* Pickled Limes */
  --color-2: #ebe734; /* Lime Time */
  --color-3: #eeee77; /* Illuminating */
  --color-4: #f7f3bd; /* Turkish Ginger */
  --color-5: #fffbe8; /* Blended Light */
}

Other schemes from Illuminating

More Light Yellow monochromatic palettes

Questions

What colors go with Illuminating?

In a monochromatic scheme: Pickled Limes (#BBBB11), Lime Time (#EBE734), Turkish Ginger (#F7F3BD), Blended Light (#FFFBE8).

What is the hex code of Illuminating?

#EEEE77.