Huebook

Hokkaido Lavender Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Hokkaido Lavender (#7736D9), each snapped to its nearest named color.

#7736D9
#D9C737
#58D332
#5500AA
#E6DA78

Color names and codes

NameHEXRGBHSLCMYK
Hokkaido Lavender#7736D9119, 54, 217264°, 68%, 53%45, 75, 0, 15
Gone Giddy#D9C737217, 199, 5553°, 68%, 53%0, 8, 75, 15
Download Progress#58D33288, 211, 50106°, 65%, 51%58, 0, 76, 17
Aubergine Perl#5500AA85, 0, 170270°, 100%, 33%50, 100, 0, 33
Lustrous Yellow#E6DA78230, 218, 12053°, 69%, 69%0, 5, 48, 10

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5500AA on #E6DA787.46:1AAA
Aa #D9C737 on #5500AA6.19:1AA
Aa #58D332 on #5500AA5.48:1AA
Aa #7736D9 on #E6DA784.42:1AA large
Aa #7736D9 on #D9C7373.67:1AA large
Aa #7736D9 on #58D3323.25:1AA large

CSS variables

:root {
  --color-1: #7736d9; /* Hokkaido Lavender */
  --color-2: #d9c737; /* Gone Giddy */
  --color-3: #58d332; /* Download Progress */
  --color-4: #5500aa; /* Aubergine Perl */
  --color-5: #e6da78; /* Lustrous Yellow */
}

Other schemes from Hokkaido Lavender

More Medium Purple split-complementary palettes

Questions

What colors go with Hokkaido Lavender?

In a split-complementary scheme: Gone Giddy (#D9C737), Download Progress (#58D332), Aubergine Perl (#5500AA), Lustrous Yellow (#E6DA78).

What is the hex code of Hokkaido Lavender?

#7736D9.