Natural Order Complementary Color Scheme
Five colors arranged by the complementary rule around Natural Order (#77B033), each snapped to its nearest named color.
#77B033
#A9D171
#7733AA
#462C77
#A76BCF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Order | #77B033 | 119, 176, 51 | 87°, 55%, 45% | 32, 0, 71, 31 | |
| Bilious Green | #A9D171 | 169, 209, 113 | 85°, 51%, 63% | 19, 0, 46, 18 | |
| Purple Pristine | #7733AA | 119, 51, 170 | 274°, 54%, 43% | 30, 70, 0, 33 | |
| Windsor | #462C77 | 70, 44, 119 | 261°, 46%, 32% | 41, 63, 0, 53 | |
| Rich Lavender | #A76BCF | 167, 107, 207 | 276°, 51%, 62% | 19, 48, 0, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A9D171 on #462C77 | 6.38:1 | AA |
| Aa #77B033 on #462C77 | 4.26:1 | AA large |
| Aa #A9D171 on #7733AA | 4.24:1 | AA large |
| Aa #462C77 on #A76BCF | 2.99:1 | — |
| Aa #77B033 on #7733AA | 2.83:1 | — |
| Aa #A9D171 on #A76BCF | 2.13:1 | — |
CSS variables
:root {
--color-1: #77b033; /* Natural Order */
--color-2: #a9d171; /* Bilious Green */
--color-3: #7733aa; /* Purple Pristine */
--color-4: #462c77; /* Windsor */
--color-5: #a76bcf; /* Rich Lavender */
}Other schemes from Natural Order
- Natural Order Analogous Color Scheme#B26E33#B3AC36#77B033#34B334#35AD6B
- Natural Order Triadic Color Scheme#77B033#3676B5#AA3377#A8D275#225374
- Natural Order Split-complementary Color Scheme#77B033#2F36BA#B13AAD#507D2A#5566CC
- Natural Order Tetradic Color Scheme#77B033#34B1B2#7733AA#AF313A#A8D275
- Natural Order Monochromatic Color Scheme#223311#507D2A#77B033#9FC65E#C1E28A
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Natural Order?
In a complementary scheme: Bilious Green (#A9D171), Purple Pristine (#7733AA), Windsor (#462C77), Rich Lavender (#A76BCF).
What is the hex code of Natural Order?
#77B033.