- base#a85fffhsl(267 100% 69%)on white3.7on black5.7
- +150°#fff85fhsl(57 100% 69%)on white1.1on black18.8
- +210°#66ff5fhsl(117 100% 69%)on white1.3on black16.0
- Aa#A85FFF on #FFF85F3.28:1AA Large
- Aa#A85FFF on #66FF5F2.79:1fail
- Aa#FFF85F on #66FF5F1.18:1fail
AA needs 4.5:1 for body text. AA Large (3:1) only applies at 24px+, or 19px+ bold. failmeans don't put these two together as text and background — they can still sit side by side as blocks.
split-complementary · css
/* split-complementary scheme — generated with koalia.design/tools/color-schemes */
:root {
--color-base: #a85fff;
--color-accent-1: #fff85f;
--color-accent-2: #66ff5f;
}