Green With Envy Triadic Color Scheme
Five colors arranged by the triadic rule around Green With Envy (#22BB33), each snapped to its nearest named color.
#22BB33
#2425B9
#B33125
#64EB65
#221177
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green With Envy | #22BB33 | 34, 187, 51 | 127°, 69%, 43% | 82, 0, 73, 27 | |
| Sapphire Splendour | #2425B9 | 36, 37, 185 | 240°, 67%, 43% | 81, 80, 0, 27 | |
| Cardinal’s Cassock | #B33125 | 179, 49, 37 | 5°, 66%, 42% | 0, 73, 79, 30 | |
| Loud Green | #64EB65 | 100, 235, 101 | 120°, 77%, 66% | 57, 0, 57, 8 | |
| Outer Rim | #221177 | 34, 17, 119 | 250°, 75%, 27% | 71, 86, 0, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #64EB65 on #221177 | 9.62:1 | AAA |
| Aa #2425B9 on #64EB65 | 6.67:1 | AA |
| Aa #22BB33 on #221177 | 5.81:1 | AA |
| Aa #22BB33 on #2425B9 | 4.03:1 | AA large |
| Aa #B33125 on #64EB65 | 4.02:1 | AA large |
| Aa #22BB33 on #B33125 | 2.43:1 | — |
CSS variables
:root {
--color-1: #22bb33; /* Green With Envy */
--color-2: #2425b9; /* Sapphire Splendour */
--color-3: #b33125; /* Cardinal’s Cassock */
--color-4: #64eb65; /* Loud Green */
--color-5: #221177; /* Outer Rim */
}Other schemes from Green With Envy
- Green With Envy Complementary Color Scheme#22BB33#4CFF7B#BB22AA#751973#E760D2
- Green With Envy Analogous Color Scheme#A4BF20#55BB33#22BB33#22BB88#22AABB
- Green With Envy Split-complementary Color Scheme#22BB33#8822BB#B3205F#12732B#AA44DD
- Green With Envy Tetradic Color Scheme#22BB33#2A52BE#BB22AA#B88127#64EB65
- Green With Envy Monochromatic Color Scheme#0F380F#12732B#22BB33#58D854#90EE90
More Medium Green triadic palettes
- 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 Green With Envy?
In a triadic scheme: Sapphire Splendour (#2425B9), Cardinal’s Cassock (#B33125), Loud Green (#64EB65), Outer Rim (#221177).
What is the hex code of Green With Envy?
#22BB33.