Huebook

Sunbeam Monochromatic Color Scheme

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

#E9CB2E
#EDDC70
#F5EDB2
#FBF9E8
#FBF9E8

Color names and codes

NameHEXRGBHSLCMYK
Soleil#E9CB2E233, 203, 4650°, 81%, 55%0, 13, 80, 9
Plastic Lime#EDDC70237, 220, 11252°, 78%, 68%0, 7, 53, 7
Sunbeam#F5EDB2245, 237, 17853°, 77%, 83%0, 3, 27, 4
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E9CB2E on #FBF9E81.52:1—
Aa #E9CB2E on #FBF9E81.52:1—
Aa #E9CB2E on #F5EDB21.35:1—
Aa #EDDC70 on #FBF9E81.31:1—
Aa #EDDC70 on #FBF9E81.31:1—
Aa #EDDC70 on #F5EDB21.17:1—

CSS variables

:root {
  --color-1: #e9cb2e; /* Soleil */
  --color-2: #eddc70; /* Plastic Lime */
  --color-3: #f5edb2; /* Sunbeam */
  --color-4: #fbf9e8; /* Elderflower */
  --color-5: #fbf9e8; /* Elderflower */
}

Other schemes from Sunbeam

More Very Light Yellow monochromatic palettes

Questions

What colors go with Sunbeam?

In a monochromatic scheme: Soleil (#E9CB2E), Plastic Lime (#EDDC70), Elderflower (#FBF9E8), Elderflower (#FBF9E8).

What is the hex code of Sunbeam?

#F5EDB2.