Kale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kale (#648251), each snapped to its nearest named color.
#648251
#5A4E88
#834D7C
#3B593A
#7C70AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kale | #648251 | 100, 130, 81 | 97°, 23%, 41% | 23, 0, 38, 49 | |
| Bright Eggplant | #5A4E88 | 90, 78, 136 | 252°, 27%, 42% | 34, 43, 0, 47 | |
| Thistle Mauve | #834D7C | 131, 77, 124 | 308°, 26%, 41% | 0, 41, 5, 49 | |
| Ficus | #3B593A | 59, 89, 58 | 118°, 21%, 29% | 34, 0, 35, 65 | |
| Plum Preserve | #7C70AA | 124, 112, 170 | 252°, 25%, 55% | 27, 34, 0, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #648251 on #3B593A | 1.81:1 | — |
| Aa #3B593A on #7C70AA | 1.78:1 | — |
| Aa #648251 on #5A4E88 | 1.69:1 | — |
| Aa #5A4E88 on #7C70AA | 1.65:1 | — |
| Aa #648251 on #834D7C | 1.46:1 | — |
| Aa #834D7C on #7C70AA | 1.43:1 | — |
CSS variables
:root {
--color-1: #648251; /* Kale */
--color-2: #5a4e88; /* Bright Eggplant */
--color-3: #834d7c; /* Thistle Mauve */
--color-4: #3b593a; /* Ficus */
--color-5: #7c70aa; /* Plum Preserve */
}Other schemes from Kale
- Kale Complementary Color Scheme#648251#96B47E#705284#423450#A385B3
- Kale Analogous Color Scheme#856D4D#7F8353#648251#498555#50846E
- Kale Triadic Color Scheme#648251#516582#854C65#95B388#343E54
- Kale Tetradic Color Scheme#648251#4D7F86#705284#87544E#95B388
- Kale Monochromatic Color Scheme#172713#445533#648251#88AA77#B5C7A4
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Kale?
In a split-complementary scheme: Bright Eggplant (#5A4E88), Thistle Mauve (#834D7C), Ficus (#3B593A), Plum Preserve (#7C70AA).
What is the hex code of Kale?
#648251.