Pea Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Pea (#A4BF20), each snapped to its nearest named color.
#373E02
#6C7A0E
#A4BF20
#C0E740
#DFE289
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Olive | #373E02 | 55, 62, 2 | 67°, 94%, 13% | 11, 0, 97, 76 | |
| Murky Green | #6C7A0E | 108, 122, 14 | 68°, 79%, 27% | 11, 0, 89, 52 | |
| Pea | #A4BF20 | 164, 191, 32 | 70°, 71%, 44% | 14, 0, 83, 25 | |
| Energos | #C0E740 | 192, 231, 64 | 74°, 78%, 58% | 17, 0, 72, 9 | |
| Sassy Lime | #DFE289 | 223, 226, 137 | 62°, 61%, 71% | 1, 0, 39, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #373E02 on #DFE289 | 8.30:1 | AAA |
| Aa #373E02 on #C0E740 | 7.96:1 | AAA |
| Aa #373E02 on #A4BF20 | 5.43:1 | AA |
| Aa #6C7A0E on #DFE289 | 3.47:1 | AA large |
| Aa #6C7A0E on #C0E740 | 3.33:1 | AA large |
| Aa #373E02 on #6C7A0E | 2.39:1 | — |
CSS variables
:root {
--color-1: #373e02; /* Dark Olive */
--color-2: #6c7a0e; /* Murky Green */
--color-3: #a4bf20; /* Pea */
--color-4: #c0e740; /* Energos */
--color-5: #dfe289; /* Sassy Lime */
}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 Split-complementary Color Scheme#A4BF20#2A52BE#8822BB#6C7A0E#5577EE
- Pea Tetradic Color Scheme#A4BF20#22BB88#2425B9#BB2255#DDE26A
More Medium Green monochromatic palettes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with Pea?
In a monochromatic scheme: Dark Olive (#373E02), Murky Green (#6C7A0E), Energos (#C0E740), Sassy Lime (#DFE289).
What is the hex code of Pea?
#A4BF20.