Huebook

Sour Veil Complementary Color Scheme

Five colors arranged by the complementary rule around Sour Veil (#FFFFBF), each snapped to its nearest named color.

#FFFFBF
#FFFFE5
#BBBBFF
#7777FF
#E6E6FA

Color names and codes

NameHEXRGBHSLCMYK
Sour Veil#FFFFBF255, 255, 19160°, 100%, 87%0, 0, 25, 0
La Luna#FFFFE5255, 255, 22960°, 100%, 95%0, 0, 10, 0
Dried Lilac#BBBBFF187, 187, 255240°, 100%, 87%27, 27, 0, 0
Stargate Shimmer#7777FF119, 119, 255240°, 100%, 73%53, 53, 0, 0
Cyber Lavender#E6E6FA230, 230, 250240°, 67%, 94%8, 8, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFFE5 on #7777FF3.53:1AA large
Aa #FFFFBF on #7777FF3.46:1AA large
Aa #7777FF on #E6E6FA2.91:1—
Aa #BBBBFF on #7777FF1.99:1—
Aa #FFFFE5 on #BBBBFF1.77:1—
Aa #FFFFBF on #BBBBFF1.74:1—

CSS variables

:root {
  --color-1: #ffffbf; /* Sour Veil */
  --color-2: #ffffe5; /* La Luna */
  --color-3: #bbbbff; /* Dried Lilac */
  --color-4: #7777ff; /* Stargate Shimmer */
  --color-5: #e6e6fa; /* Cyber Lavender */
}

Other schemes from Sour Veil

More Very Light Yellow complementary palettes

Questions

What colors go with Sour Veil?

In a complementary scheme: La Luna (#FFFFE5), Dried Lilac (#BBBBFF), Stargate Shimmer (#7777FF), Cyber Lavender (#E6E6FA).

What is the hex code of Sour Veil?

#FFFFBF.