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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hokkaido Lavender | #7736D9 | 119, 54, 217 | 264°, 68%, 53% | 45, 75, 0, 15 | |
| Gone Giddy | #D9C737 | 217, 199, 55 | 53°, 68%, 53% | 0, 8, 75, 15 | |
| Download Progress | #58D332 | 88, 211, 50 | 106°, 65%, 51% | 58, 0, 76, 17 | |
| Aubergine Perl | #5500AA | 85, 0, 170 | 270°, 100%, 33% | 50, 100, 0, 33 | |
| Lustrous Yellow | #E6DA78 | 230, 218, 120 | 53°, 69%, 69% | 0, 5, 48, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5500AA on #E6DA78 | 7.46:1 | AAA |
| Aa #D9C737 on #5500AA | 6.19:1 | AA |
| Aa #58D332 on #5500AA | 5.48:1 | AA |
| Aa #7736D9 on #E6DA78 | 4.42:1 | AA large |
| Aa #7736D9 on #D9C737 | 3.67:1 | AA large |
| Aa #7736D9 on #58D332 | 3.25:1 | AA 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
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Hokkaido Lavender Analogous Color Scheme#2A96D5#2242C7#7736D9#CC33CC#D9308A
- Hokkaido Lavender Triadic Color Scheme#7736D9#D87839#3CD070#B195E4#A9561E
- Hokkaido Lavender Tetradic Color Scheme#7736D9#DD3845#99DD33#30D5C8#B195E4
- Hokkaido Lavender Monochromatic Color Scheme#331166#5500AA#7736D9#B36FF6#CCBBEE
More Medium Purple split-complementary palettes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
- Lords of the Night Split-complementary Color Scheme#664488#888844#448844#4A2D57#B2B26C
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.