Pea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pea (#A4BF20), each snapped to its nearest named color.
#A4BF20
#2A52BE
#8822BB
#6C7A0E
#5577EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pea | #A4BF20 | 164, 191, 32 | 70°, 71%, 44% | 14, 0, 83, 25 | |
| Cerulean Blue | #2A52BE | 42, 82, 190 | 224°, 64%, 45% | 78, 57, 0, 25 | |
| Pheromone Purple | #8822BB | 136, 34, 187 | 280°, 69%, 43% | 27, 82, 0, 27 | |
| Murky Green | #6C7A0E | 108, 122, 14 | 68°, 79%, 27% | 11, 0, 89, 52 | |
| Blue Öyster Cult | #5577EE | 85, 119, 238 | 227°, 82%, 63% | 64, 50, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4BF20 on #8822BB | 3.36:1 | AA large |
| Aa #A4BF20 on #2A52BE | 3.30:1 | AA large |
| Aa #A4BF20 on #6C7A0E | 2.27:1 | — |
| Aa #A4BF20 on #5577EE | 1.91:1 | — |
| Aa #8822BB on #5577EE | 1.76:1 | — |
| Aa #2A52BE on #5577EE | 1.73:1 | — |
CSS variables
:root {
--color-1: #a4bf20; /* Pea */
--color-2: #2a52be; /* Cerulean Blue */
--color-3: #8822bb; /* Pheromone Purple */
--color-4: #6c7a0e; /* Murky Green */
--color-5: #5577ee; /* Blue Öyster Cult */
}Other schemes from Pea
- Pea Complementary Color Scheme#A4BF20#D9E650#2425B9#221177#7B68EE
- Pea Analogous Color Scheme#B33A22#B78727#A4BF20#55BB33#22BB33
- Pea Triadic Color Scheme#A4BF20#21A5BE#BB22AA#DDE26A#1D697C
- Pea Tetradic Color Scheme#A4BF20#22BB88#2425B9#BB2255#DDE26A
- Pea Monochromatic Color Scheme#373E02#6C7A0E#A4BF20#C0E740#DFE289
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 Pea?
In a split-complementary scheme: Cerulean Blue (#2A52BE), Pheromone Purple (#8822BB), Murky Green (#6C7A0E), Blue Öyster Cult (#5577EE).
What is the hex code of Pea?
#A4BF20.