Natural Order Tetradic Color Scheme
Five colors arranged by the tetradic rule around Natural Order (#77B033), each snapped to its nearest named color.
#77B033
#34B1B2
#7733AA
#AF313A
#A8D275
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Order | #77B033 | 119, 176, 51 | 87°, 55%, 45% | 32, 0, 71, 31 | |
| Lake Tahoe Turquoise | #34B1B2 | 52, 177, 178 | 180°, 55%, 45% | 71, 1, 0, 30 | |
| Purple Pristine | #7733AA | 119, 51, 170 | 274°, 54%, 43% | 30, 70, 0, 33 | |
| Planet Fever | #AF313A | 175, 49, 58 | 356°, 56%, 44% | 0, 72, 67, 31 | |
| Livery Green | #A8D275 | 168, 210, 117 | 87°, 51%, 64% | 20, 0, 44, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7733AA on #A8D275 | 4.28:1 | AA large |
| Aa #AF313A on #A8D275 | 3.65:1 | AA large |
| Aa #34B1B2 on #7733AA | 2.85:1 | — |
| Aa #77B033 on #7733AA | 2.83:1 | — |
| Aa #34B1B2 on #AF313A | 2.43:1 | — |
| Aa #77B033 on #AF313A | 2.42:1 | — |
CSS variables
:root {
--color-1: #77b033; /* Natural Order */
--color-2: #34b1b2; /* Lake Tahoe Turquoise */
--color-3: #7733aa; /* Purple Pristine */
--color-4: #af313a; /* Planet Fever */
--color-5: #a8d275; /* Livery Green */
}Other schemes from Natural Order
- Natural Order Complementary Color Scheme#77B033#A9D171#7733AA#462C77#A76BCF
- 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 Monochromatic Color Scheme#223311#507D2A#77B033#9FC65E#C1E28A
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Natural Order?
In a tetradic scheme: Lake Tahoe Turquoise (#34B1B2), Purple Pristine (#7733AA), Planet Fever (#AF313A), Livery Green (#A8D275).
What is the hex code of Natural Order?
#77B033.