Huebook

Banan-Appeal Complementary Color Scheme

Five colors arranged by the complementary rule around Banan-Appeal (#FAF3A6), each snapped to its nearest named color.

#FAF3A6
#FFFBE8
#AAAAFF
#5566EE
#E6E8FA

Color names and codes

NameHEXRGBHSLCMYK
Banan-Appeal#FAF3A6250, 243, 16655°, 89%, 82%0, 3, 34, 2
Blended Light#FFFBE8255, 251, 23250°, 100%, 95%0, 2, 9, 0
Shy Moment#AAAAFF170, 170, 255240°, 100%, 83%33, 33, 0, 0
Flickering Sea#5566EE85, 102, 238233°, 82%, 63%64, 57, 0, 7
Glitter#E6E8FA230, 232, 250234°, 67%, 94%8, 7, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFBE8 on #5566EE4.47:1AA large
Aa #FAF3A6 on #5566EE4.08:1AA large
Aa #5566EE on #E6E8FA3.82:1AA large
Aa #AAAAFF on #5566EE2.19:1—
Aa #FFFBE8 on #AAAAFF2.04:1—
Aa #FAF3A6 on #AAAAFF1.86:1—

CSS variables

:root {
  --color-1: #faf3a6; /* Banan-Appeal */
  --color-2: #fffbe8; /* Blended Light */
  --color-3: #aaaaff; /* Shy Moment */
  --color-4: #5566ee; /* Flickering Sea */
  --color-5: #e6e8fa; /* Glitter */
}

Other schemes from Banan-Appeal

More Very Light Yellow complementary palettes

Questions

What colors go with Banan-Appeal?

In a complementary scheme: Blended Light (#FFFBE8), Shy Moment (#AAAAFF), Flickering Sea (#5566EE), Glitter (#E6E8FA).

What is the hex code of Banan-Appeal?

#FAF3A6.