Huebook

What’s Left Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around What’s Left (#FFF4E8), each snapped to its nearest named color.

#FFF4E8
#E7FEFF
#E5E5FA
#FFCF9E
#E7FEFF

Color names and codes

NameHEXRGBHSLCMYK
What’s Left#FFF4E8255, 244, 23231°, 100%, 95%0, 4, 9, 0
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 0
Lavender Mist#E5E5FA229, 229, 250240°, 68%, 94%8, 8, 0, 2
Atoll Sand#FFCF9E255, 207, 15830°, 100%, 81%0, 19, 38, 0
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E7FEFF on #FFCF9E1.36:1—
Aa #FFCF9E on #E7FEFF1.36:1—
Aa #FFF4E8 on #FFCF9E1.32:1—
Aa #E7FEFF on #E5E5FA1.18:1—
Aa #E5E5FA on #E7FEFF1.18:1—
Aa #E5E5FA on #FFCF9E1.15:1—

CSS variables

:root {
  --color-1: #fff4e8; /* What’s Left */
  --color-2: #e7feff; /* Bubbles */
  --color-3: #e5e5fa; /* Lavender Mist */
  --color-4: #ffcf9e; /* Atoll Sand */
  --color-5: #e7feff; /* Bubbles */
}

Other schemes from What’s Left

More Very Light Orange split-complementary palettes

Questions

What colors go with What’s Left?

In a split-complementary scheme: Bubbles (#E7FEFF), Lavender Mist (#E5E5FA), Atoll Sand (#FFCF9E), Bubbles (#E7FEFF).

What is the hex code of What’s Left?

#FFF4E8.