Pea Triadic Color Scheme
Five colors arranged by the triadic rule around Pea (#A4BF20), each snapped to its nearest named color.
#A4BF20
#21A5BE
#BB22AA
#DDE26A
#1D697C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pea | #A4BF20 | 164, 191, 32 | 70°, 71%, 44% | 14, 0, 83, 25 | 75.8% 0.171 120 | |
| Maui | #21A5BE | 33, 165, 190 | 190°, 70%, 44% | 83, 13, 0, 25 | 66.6% 0.111 214 | |
| Amora Purple | #BB22AA | 187, 34, 170 | 307°, 69%, 43% | 0, 82, 9, 27 | 55.7% 0.229 334 | |
| Green Glitter | #DDE26A | 221, 226, 106 | 62°, 67%, 65% | 2, 0, 53, 11 | 88.5% 0.143 111 | |
| Hanaasagi Blue | #1D697C | 29, 105, 124 | 192°, 62%, 30% | 77, 15, 0, 51 | 48.4% 0.077 218 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDE26A on #1D697C | 4.51:1 | AA |
| Aa #BB22AA on #DDE26A | 3.87:1 | AA large |
| Aa #A4BF20 on #1D697C | 2.99:1 | — |
| Aa #A4BF20 on #BB22AA | 2.56:1 | — |
| Aa #21A5BE on #1D697C | 2.14:1 | — |
| Aa #21A5BE on #DDE26A | 2.11:1 | — |
CSS variables
:root {
--color-1: #a4bf20; /* Pea */
--color-2: #21a5be; /* Maui */
--color-3: #bb22aa; /* Amora Purple */
--color-4: #dde26a; /* Green Glitter */
--color-5: #1d697c; /* Hanaasagi Blue */
}Other schemes from Pea
- Pea Complementary Color Scheme#A4BF20#D9E650#2425B9#221177#7B68EE
- Pea Analogous Color Scheme#B33A22#B78727#A4BF20#55BB33#22BB33
- Pea Split-complementary Color Scheme#A4BF20#2A52BE#8822BB#6C7A0E#5577EE
- Pea Tetradic Color Scheme#A4BF20#22BB88#2425B9#BB2255#DDE26A
- Pea Monochromatic Color Scheme#373E02#6C7A0E#A4BF20#C0E740#DFE289
More medium green triadic color schemes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Pea?
In a triadic scheme: Maui (#21A5BE), Amora Purple (#BB22AA), Green Glitter (#DDE26A), Hanaasagi Blue (#1D697C).
What is the hex code of Pea?
#A4BF20.