Violaceous Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violaceous (#BF8FC4), each snapped to its nearest named color.
#BF8FC4
#ABC88C
#8DC2A8
#AA55AA
#D5DEC3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violaceous | #BF8FC4 | 191, 143, 196 | 294°, 31%, 66% | 3, 27, 0, 23 | |
| Venerable Verde | #ABC88C | 171, 200, 140 | 89°, 35%, 67% | 15, 0, 30, 22 | |
| Spearmint Frosting | #8DC2A8 | 141, 194, 168 | 151°, 30%, 66% | 27, 0, 13, 24 | |
| Orchid Dottyback | #AA55AA | 170, 85, 170 | 300°, 33%, 50% | 0, 50, 0, 33 | |
| Dream Seascape | #D5DEC3 | 213, 222, 195 | 80°, 29%, 82% | 4, 0, 12, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA55AA on #D5DEC3 | 3.28:1 | AA large |
| Aa #ABC88C on #AA55AA | 2.48:1 | — |
| Aa #8DC2A8 on #AA55AA | 2.27:1 | — |
| Aa #BF8FC4 on #D5DEC3 | 1.90:1 | — |
| Aa #BF8FC4 on #AA55AA | 1.73:1 | — |
| Aa #8DC2A8 on #D5DEC3 | 1.45:1 | — |
CSS variables
:root {
--color-1: #bf8fc4; /* Violaceous */
--color-2: #abc88c; /* Venerable Verde */
--color-3: #8dc2a8; /* Spearmint Frosting */
--color-4: #aa55aa; /* Orchid Dottyback */
--color-5: #d5dec3; /* Dream Seascape */
}Other schemes from Violaceous
- Violaceous Complementary Color Scheme#BF8FC4#E6CEE6#96C193#69AC58#D2E6D3
- Violaceous Analogous Color Scheme#8B94C7#A590C0#BF8FC4#C58EAB#C58F94
- Violaceous Triadic Color Scheme#BF8FC4#C3BC90#91C3BD#E7CFE8#B3A156
- Violaceous Tetradic Color Scheme#BF8FC4#C3A491#96C193#8CB1C2#E7CFE8
- Violaceous Monochromatic Color Scheme#784674#AA55AA#BF8FC4#DBC1DE#F8EEF4
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Violaceous?
In a split-complementary scheme: Venerable Verde (#ABC88C), Spearmint Frosting (#8DC2A8), Orchid Dottyback (#AA55AA), Dream Seascape (#D5DEC3).
What is the hex code of Violaceous?
#BF8FC4.