Sakura Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sakura Night (#7B6C7C), each snapped to its nearest named color.
#7B6C7C
#769358
#548F6F
#583563
#9DB682
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sakura Night | #7B6C7C | 123, 108, 124 | 296°, 7%, 45% | 1, 13, 0, 51 | |
| Piquant Green | #769358 | 118, 147, 88 | 89°, 25%, 46% | 20, 0, 40, 42 | |
| Green Weed | #548F6F | 84, 143, 111 | 147°, 26%, 45% | 41, 0, 22, 44 | |
| Damson Mauve | #583563 | 88, 53, 99 | 286°, 30%, 30% | 11, 46, 0, 61 | |
| Mesclun Green | #9DB682 | 157, 182, 130 | 89°, 26%, 61% | 14, 0, 29, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #583563 on #9DB682 | 4.49:1 | AA large |
| Aa #769358 on #583563 | 2.89:1 | — |
| Aa #548F6F on #583563 | 2.63:1 | — |
| Aa #7B6C7C on #9DB682 | 2.21:1 | — |
| Aa #7B6C7C on #583563 | 2.03:1 | — |
| Aa #548F6F on #9DB682 | 1.71:1 | — |
CSS variables
:root {
--color-1: #7b6c7c; /* Sakura Night */
--color-2: #769358; /* Piquant Green */
--color-3: #548f6f; /* Green Weed */
--color-4: #583563; /* Damson Mauve */
--color-5: #9db682; /* Mesclun Green */
}Other schemes from Sakura Night
- Sakura Night Complementary Color Scheme#7B6C7C#B48BB8#558D4F#3E6334#99BD91
- Sakura Night Analogous Color Scheme#575B93#71588D#7B6C7C#8B5776#92555B
- Sakura Night Triadic Color Scheme#7B6C7C#908C53#52928D#BF90BB#665A38
- Sakura Night Tetradic Color Scheme#7B6C7C#927257#558D4F#53778F#BF90BB
- Sakura Night Monochromatic Color Scheme#27252A#534853#7B6C7C#A497A1#C5BDC4
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Sakura Night?
In a split-complementary scheme: Piquant Green (#769358), Green Weed (#548F6F), Damson Mauve (#583563), Mesclun Green (#9DB682).
What is the hex code of Sakura Night?
#7B6C7C.