Badass Grass Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Badass Grass (#B4DA55), each snapped to its nearest named color.
#B4DA55
#5170D7
#BA55D3
#8EB826
#9BA0EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Badass Grass | #B4DA55 | 180, 218, 85 | 77°, 64%, 59% | 17, 0, 61, 15 | |
| Cornflower | #5170D7 | 81, 112, 215 | 226°, 63%, 58% | 62, 48, 0, 16 | |
| Medium Orchid | #BA55D3 | 186, 85, 211 | 288°, 59%, 58% | 12, 60, 0, 17 | |
| Cocktail Green | #8EB826 | 142, 184, 38 | 77°, 66%, 44% | 23, 0, 79, 28 | |
| Cold Lips | #9BA0EF | 155, 160, 239 | 236°, 72%, 77% | 35, 33, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B4DA55 on #5170D7 | 2.82:1 | — |
| Aa #B4DA55 on #BA55D3 | 2.46:1 | — |
| Aa #5170D7 on #8EB826 | 1.94:1 | — |
| Aa #5170D7 on #9BA0EF | 1.86:1 | — |
| Aa #BA55D3 on #8EB826 | 1.70:1 | — |
| Aa #BA55D3 on #9BA0EF | 1.63:1 | — |
CSS variables
:root {
--color-1: #b4da55; /* Badass Grass */
--color-2: #5170d7; /* Cornflower */
--color-3: #ba55d3; /* Medium Orchid */
--color-4: #8eb826; /* Cocktail Green */
--color-5: #9ba0ef; /* Cold Lips */
}Other schemes from Badass Grass
- Badass Grass Complementary Color Scheme#B4DA55#CEE9A0#7249D6#4428BC#ACACE6
- Badass Grass Analogous Color Scheme#DA7C55#DABA55#B4DA55#69D84F#50C87C
- Badass Grass Triadic Color Scheme#B4DA55#55B4DE#DE55A9#D9EBAC#2A8FBD
- Badass Grass Tetradic Color Scheme#B4DA55#5FD1BA#7249D6#DD5577#D9EBAC
- Badass Grass Monochromatic Color Scheme#637E1D#8EB826#B4DA55#CCEE99#ECF4D2
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 Badass Grass?
In a split-complementary scheme: Cornflower (#5170D7), Medium Orchid (#BA55D3), Cocktail Green (#8EB826), Cold Lips (#9BA0EF).
What is the hex code of Badass Grass?
#B4DA55.