Bitter Leaf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bitter Leaf (#669841), each snapped to its nearest named color.
#669841
#464196
#8B4189
#486531
#7366BD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bitter Leaf | #669841 | 102, 152, 65 | 94°, 40%, 43% | 33, 0, 57, 40 | |
| Blueberry | #464196 | 70, 65, 150 | 244°, 40%, 42% | 53, 57, 0, 41 | |
| Dahlia | #8B4189 | 139, 65, 137 | 302°, 36%, 40% | 0, 53, 1, 45 | |
| Dell | #486531 | 72, 101, 49 | 93°, 35%, 29% | 29, 0, 51, 60 | |
| Ultra Violet | #7366BD | 115, 102, 189 | 249°, 40%, 57% | 39, 46, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #669841 on #464196 | 2.50:1 | — |
| Aa #669841 on #486531 | 1.93:1 | — |
| Aa #669841 on #8B4189 | 1.91:1 | — |
| Aa #464196 on #7366BD | 1.78:1 | — |
| Aa #669841 on #7366BD | 1.41:1 | — |
| Aa #486531 on #7366BD | 1.37:1 | — |
CSS variables
:root {
--color-1: #669841; /* Bitter Leaf */
--color-2: #464196; /* Blueberry */
--color-3: #8b4189; /* Dahlia */
--color-4: #486531; /* Dell */
--color-5: #7366bd; /* Ultra Violet */
}Other schemes from Bitter Leaf
- Bitter Leaf Complementary Color Scheme#669841#93C572#674196#482D67#A87DC2
- Bitter Leaf Analogous Color Scheme#977540#989746#669841#439946#429B77
- Bitter Leaf Triadic Color Scheme#669841#436B95#96466A#95C577#2C4364
- Bitter Leaf Tetradic Color Scheme#669841#429395#674196#994444#95C577
- Bitter Leaf Monochromatic Color Scheme#1B2B1B#486531#669841#88BE69#B1D99D
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 Bitter Leaf?
In a split-complementary scheme: Blueberry (#464196), Dahlia (#8B4189), Dell (#486531), Ultra Violet (#7366BD).
What is the hex code of Bitter Leaf?
#669841.